HTML 5的出现,对于WEB来说意义非常重大,因为他的意图是想把Web上存在的各种问题一并解决掉,比如:
- Web浏览器之间的兼容性很低
- 文档结构不够明确
- Web应用程序的功能受到了限制
世界知名浏览器厂商对HTML5的支持:微软、Google、苹果、Opera、Mozilla。
HTML 5与HTML 4的区别:
- 内容类型
- DOCTYPE声明
- 指定字符编码
- 可以省略标记的元素
- 具有boolean值得属性
- 省略引号
HTML 5全局属性:
- contenteditable属性:元素内容是否可编辑true/false
- designMode属性:整个页面是否可编辑on/off,只能在javascript中被修改编辑
- hidden属性:使元素处于不可见状态,允许使用Javascript进行修改变为可见状态,true/false
- spellcheck元素:对于用户输入的元素进行错误检查
- tabindex元素:用户使用Tab键获取到元素的焦点
HTML 5新增的主体结构元素:
- article元素
article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章,一篇论坛帖子、一段用户评论或独立的插件,或其他任何独立的内容。它强调独立性。 - section元素
section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。它强调分块分段,但section元素并非一个普通的容器元素,当一个容器元素需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素。不要将section元素作为设置样式的页面元素。没有标题内容,不要使用section元素。 - nav元素:
nav元素是一个可以用作页面导航的连接组,其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的连接组都要被放进nav元素,只需要将主要的、机本的连接组放进nav元素即可。应用场景有:传统导航条,侧边栏导航,页内导航,翻页操作。 - aside元素:
aside元素用来表示当前页面或文章的附属信息部分,他可以包含当前页面或主要内容的引用部分,侧边栏,广告,导航条,以及其他区别于主体内容的部分。两种用法,一种aside在article元素内,另一种是aside在article元素外。 - time元素和pubdate属性:
time元素用于表示时间,属性是datetime,日期和时间之间用T分隔。添加pubdate属性用来表示当前事件的发布时间。