HT ML 5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML [1]（标准通用标记语言下的一个应用）标准版本；现在仍处于 发展 阶段 ，但大部分浏览器已经支持某些 HTML5 技 术 。
1. 新的文档 类型声明
HTML4规定的三种 文档类型 声明：
XM L/HTML Code 复制内容到剪贴板
<!DOCTY PE &nbs p; HTML P ub LIC [-//W3C//DTD HTML 4.01//EN]]http:/www.w3. org /TR/html4/strict.dtd] > <!DOCTYPE HTML PUBLIC [-//W3C//DTD HTML4.01//EN]]http://www.w3.org/TR/html4/loose.dtd] > <!DOCTYPE HTML PUBLIC [-//W3C//DTD HTML4.01//EN]]http://www.w3.org/TR/html4/fr am eset.dtd] >
XHTML 1.0 规定的三种文档类型声明:
XML/HTML Code 复制内容到剪贴板
<!DOCTYPE html PUBLIC [-//W3C//DTD XHTML 1.0 Strict//EN]]http://www.w3.org/TR/xhtml1/DTD/xhtml1 -s trict.dtd] > <!DOCTYPE html PUBLIC [-//W3C//DTD XHTML 1.0 Trans IT ional//EN]]http://www.w3.org/TR/xhtml1/DTD/xhtml1 -t ransitional.dtd] > <!DOCTYPE html PUBLIC [-//W3C//DTD XHTML 1.0 Frameset//EN]]http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd] >
XHTML 1.1文档严格定义类型，等同于XHTML1.0文档过渡定义类型
XML/HTML Code 复制内容到剪贴板
<!DOCTYPE html PUBLIC [-//W3C//DTD XHTML 1.1//EN]]http://www.w3.org/TR/xhtml11/DTD/xhtml1.dtd] >
html 5 的文档类型声明
XML/HTML Code @H_958_ 126 @复制内容到剪贴板
<!DOCTYPE html >
2. script和link里不需要写type
XML/HTML Code 复制内容到剪贴板
@H_ 360 _157@ < link rel =]stylesheet] hr ef =]path/to/stylesheet.css] type =]text/css] /> == 》 < link rel =]stylesheet] href =]path/to/stylesheet.css] /> < script src =]path/to/script.js] type =]text/javascript] > </ script > ==》 < script src =]path/to/script.js] > </ script > 3. 语义化header和footer标签
在HTML4或XHTML里，我们定义网页的页眉或页脚时会这样：
XML/HTML Code 复制内容到剪贴板
< div id =]header] > … </ div > 或 < div id =]footer] > … </ div >
而在HTML5里有直接定义上面元素块的标签，可以使代码更加的简洁和语义化
XML/HTML Code 复制内容到剪贴板
< header > … </ header > 或 < footer > … </ footer >
4. hgrou p标签 ，它主要是 表明 标题的集合 。如果有主标题、副标题，可以用这个来包裹一下。但是这个标签没什么大的用处，在最新的HTML5.1版中被废除了。我们如果想声明主标题和对应副标题说明，可以向下面这样。
使用 标点符号 分割，一般适合于 文章标题 ，不太适合 网站标题 。
XML/HTML Code 复制内容到剪贴板
< h1 > 前端试题：HTML5的新特性 </ h1 >
使用 span标签 标注副标题说明
XML/HTML Code 复制内容到剪贴板
< h1 > 前端试题 < span > HTML5的新特性 </ span > </ h1 >
使用header标签包裹标题和描述
XML/HTML Code 复制内容到剪贴板
< header > < h1 > 前端试题 </ h1 > < p > HTML5的新特性 </ p > </ header >
5. 标记元素 mark
XML/HTML Code 复制内容到剪贴板
The < mark > element re PR esents a run of text in one document ;m arked or highlighted for reference purposes, due to its relevance in another context.
可以把它当做高亮标签，被它包起来的字符以高亮显示。<mark>…</mark>
6. 图形元素figure
在HTML4或XHTML中，下面的这些代码被用来修饰图片的注释。
XML/HTML Code 复制内容到剪贴板
< img src =]path/to/image] alt =]About image] /> < p > Image of Flower </ p >
上面代码并没有将文字和图片内存联系起来， 不过 HTML5添加的figure和figcaption组合可以为图文完美联系起来。
XML/HTML Code 复制内容到剪贴板
< figure > < img src =]path/to/image] alt =]About image] /> < figcaption > < p > beautiful flower </ p > < figcaption > </ figure >
7. 重新定义了small标签
HTML5里<small>标签将旁注呈现为小型文本，负责声明、注意 事项 、法律限制或版本声明的特征通常都是小型文本。
在HTML4或XHTML里已经定义过small，不过对它的使用却没有一个完整的说明。在HTML里，它主要用于网页下方的版本声明，邮箱等小型文本。
8.占位符 placeholder
在HTML4或XHTML里，如果我们想实现输入框为空时显示提示信息，输入框字段获得 焦点 时该提示 消失 的效果，只能用j S写 这种效果。而在HTML5添加的placeholder则直接实现了这种效果.
placeholder属性适用于以下的<input>类型：text,se Arch ,url,telephone,em ai l以及password.
XML/HTML Code 复制内容到剪贴板
< input placeholder =]text] >
总结
以上是 为你收集整理的 HTML5的新特性(1) 全部内容，希望文章能够帮你解决 HTML5的新特性(1) 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。