HTML5 是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。
html语义化
语义化的含义就是用正确的标签做正确的事情，html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CCS情况下也以一种文档格 式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
与HTML 4的不同
1.文件类型声明
<!DOCTYPE>）仅有一型：<!DOCTYPE HTML>
不再基于SGML
文档类型，一个文档类型标记是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。
HTML 4有三种解析方式:
- 非怪异（标准）模式
- 怪异模式
- 部分怪异（近乎标准）模式
<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML；
在 HTML5 中只有一种，HTML5 不基于 SGML，所以不需要引用 DTD；
提示：请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。
2.新增标签
<header> :定义 section 或 document 的页眉。
<footer> :定义 section 或 document 的页脚。典型地，它会包含创作者的姓名、文档的创作日期以及/或者联系信息。
<nav> :定义导航链接的部分。
<article>：定义独立的内容，比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
<aside>：定义 article 以外的内容，可用作文章的侧栏。
<section>：定义文档中的节（section、区段），比如章节、页眉、页脚或文档中的其他部分
<audio> ：定义声音，比如音乐或其他音频流。
<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>
<video> 标签定义视频，比如电影片段或其他视频流。
<video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。 </video>
<canvas> ：定义图形，比如图表和其他图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。
<canvas id="myCanvas" width="200" height="200"></canvas>
3.input元素type的新类型
date:定义日期字段（带有 calendar 控件）;
datetime:定义日期字段（带有 calendar 和 time 控件）;
month:定义日期字段的月（带有 calendar 控件）;
week:定义日期字段的周（带有 calendar 控件）;
time:定义日期字段的时、分、秒（带有 time 控件）;
email:定义用于 e-mail 地址的文本字段;
number:定义带有 spinner 控件的数字字段;
range:定义带有 slider 控件的数字字段;
search:定义用于搜索的文本字段;
url:定义用于 URL 的文本字段;
tel:定义用于电话号码的文本字段;
4.移除元素
acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt
4.新的属性
charset：定义文档的字符编码;
async:JS异步加载，加载完毕后立刻异步执行,标记为async的脚本
并不保证按照指定它们的先后顺序执行,仅适用于外部脚本;
scoped:为style增加scoped属性。它允许我们为文档的指定部分定义样式，而不是整个文档。如果使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素;
document.getElementsByClassName ('class') :通过类名获取元素，以伪数组形式存在;
自定义属性:格式：data-*=""；Node.dataset.属性 = “属性值”;
getAttribute;
setAttribute
5.新增API接口
- HTML Geolocation
- HTML Drag and Drop
- HTML Local Storage
- HTML Application Cache
- HTML Web Workers
- HTML SSE
- HTML Canvas/WebGL
- HTML Audio/Video
26万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
