<mark>、<figure>、<figcaption>、<details>、<summary>、</progress>、<ol>(新增属性)<!DOCTYPE html><html><head><meta charset="utf-8"><title>页面增强元素</title></head><body><!--mark元素，高亮或标记--><p>纪念中国人民<mark>抗日</mark>战争暨世界反法西斯战争胜利70周年阅兵式（简称9·3阅兵，或者抗战胜利日大阅兵），是中国政府为纪念中国人民抗日战争暨世界反法西斯战争胜利70周年而开展的众多纪念活动中的一项活动。...
情况一：宽高都写在样式表里，即外部样式或嵌入式样式，比如#div1{width:120px;}。这种情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。情况二：宽和高是写在行内中，即内联式样式，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的...
段落相关标签<p><br><hr>格式化相关标签<small><sub><sup><pre>列表相关标签<ol><ul><li>图片相关标签<img>超链相关标签<a>本章重点：段落相关标签，超链标签本章难点：超链相关标签<a>一、 段落相关标签标题元素： 标题元素由标签<h1>到<h6>定义。<h1>定义了最大的标题元素，<h6>定义了最小的。 <h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a he...
HTML5之前，要实现网页元素的拖动操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5 中引入了直接支持拖动操作的API，大大简化了网页元素的拖动操作编程难度，并且这些API除了支持浏览器内部元素的拖动外，同时支持浏览器和其它应用程序之间的数据互相拖动。
本文通过一个简单示例，演示HTML5中拖动API的使用方法。场景：
如下图所示，我们要实现：
通过拖动将照片从左侧“相册”区域拖拽到右侧“...
meta元素有两种用途。 用途1：向浏览器传递网页的一些信息，浏览器根据这些信息规定的方式解析和显示网页。或者说，meta元素规定了浏览器解析和显示网页的方式。 用途2：向搜索引擎传递网页的一些信息，引导搜索引擎工作。 具体如下所述。 1 meta元素的类型和用途 meta元素有三种基本类型。 meta元素类型用途用户charset说明页面文件的字符编码浏览器http-equiv说明处理和显示页面的方式浏览器name说明页面的基本情况搜索引擎 2 ...
DOM ：文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。getElementsByName()方法 ：返回带有指定名称的节点对象的集合。语法 ： document.getElementsByName(name)与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。
注意: 1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回...
一、新增的结构元素1、section元素表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用，标示文档结构。 h5中的代码事例：<section></section> h4中的代码事例：<div></div>2、article元素表示页面中的一块与上下文不相关的独立内容，譬如博客中的一篇文章或报纸中的一篇文章。 h5中的代码事例：<article><article> h4中的代码事例：<div></div>3、...
欢迎大家阅读HTML5 Canvas（画布）实战编程初级篇系列，在这个系列中，我们将介绍最简单的HTML5画布编程。包括：画布元素绘制直线绘制曲线绘制路径绘制图形绘制颜色，渐变和图案绘制图片绘制文本相关要求环境要求：Google Chrome, Firefox, Safari, Opera, 或者 IE9以上的现代浏览器编程要求：需要有基础的HTML和Javascript编程经验，相关的画布编程将调用Javascript API来处理HTML Canvas基本元素HTML5中包含一个专门为HTML画布功...
此方法用于把所有匹配的元素替换成指定的HTML或DOM元素 content(String, Element, jQuery, Function) 用于将匹配元素替换掉的内容。如果这里传递一个函数进来的话，函数返回值必须是HTML字符串。 fn 返回THML字符串，用来替换的内容。实例:<html lang=‘zh-cn‘>
<head>
<title>Insert you title</title>
<meta http-equiv=‘description‘ content=‘this is my page‘>
<meta http-equiv=‘keywords‘ conte...
常见的块状元素与内联元素块状元素内联元素address - 地址blockquote - 块引用center - 居中对齐dir - 目录列表div - 常用块级容易，也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔线isindex - input prompt menu - 菜单列表noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容 noscrip...
* HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
* 绘画 canvas
用于媒介回放的 video 和 audio 元素
本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;
sessionStorage 的数据在浏览器关闭后自动删除
语意化更好的内容元素，比如 article、footer、header、nav、section
表单控件，calendar、date、time、email、url、search
新的技术 webworker, websockt, Geolocation
* ...
<b> 定义粗体文本,可以定义id,class,style和onclick等各种事件属性<i> 定义斜体文本，,可以定义id,class,style和onclick等各种事件属性<em> 定义强调文本，但是实际效果于斜体文本差不多，,可以定义id,class,style和onclick等各种事件属性<strong> 定义粗体文本，与<b>用法和效果都差不多<small> 定义小号字体文本，,可以定义id,class,style和onclick等各种事件属性<sup> 定义上标文本,可以定义id,class,style和onclic...
1.元素分类块状元素和内联元素（块级元素可以包含行内元素，但是行内元素里面不要嵌套块级元素。）块级元素在浏览器显示时，通常会以新行来开始（和结束）。例如：<h1>,<p>,<div>,<ul>,<table> 页面显示： 内联元素（行内元素）在显示时通常不会以新行开始。 例如：<b>,<span>,<a>,<img> 页面显示： 单标签和双标签：单标签元 素：<img>或者<img /> <br> <hr>双标签元素：<p></p>(有结束标签) 2.属性: 给HTML元素添加附...
在这一篇文章中，将会介绍鼠标坐标、元素坐标以及鼠标在指定元素内的坐标。 1. 鼠标坐标在触发鼠标相关事件时(如：click、mousemove)，可以通过事件对象获取当前鼠标的坐标。获取的坐标可分为2种：1) MouseEvent.screenX、MouseEvent.screenY ：基于屏幕的X、Y坐标；以屏幕的左上角为0,0起始点。 2) MouseEvent.clientX、MouseEvent.clientY ：基于body的X、Y坐标；以当前body的左上角为0,0起始点，若body含有水平滚动条或垂直滚动...
1，改变 HTML 输出流 <script> document.write(Date()); </script>2，改变 HTML 内容 <script> document.getElementById("p1").innerHTML="New text!"; </script>3，改变thml属性<!DOCTYPE html>
<html>
<body><img id="image" src="smiley.gif"><script>
document.getElementById("image").src="landscape.jpg";
</script></body>
</html> 原文：http://www.cnblogs.com/jiningning/p/6393618.html