文章目录
1 概述
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定, 而HTML全称Hyper Text Markup Language,就是超文本标记语言。HTML从诞生至今,经历了近30年的发展,从HTML1.0开始经历了数个版本,HTML5 仍处于完善之中,大部分现代浏览器已经具备了某些 HTML5 支持。
2 HTML5的特点
2.1 语义更加明确
HTML5之前的版本表达一个文档结构,只能通过 < div > 标签来实现
例如,HTML4文档结构
<div id="header">...</div>
<div id="content">
...
</div>
以上所有页面元素都采用< div >标签来实现,不同< div >标签通过id来区分,但这种采用< div >布局的方式导致整块结构缺乏明确的语义,因为所有内容都是< div >。
而HTML5则为上述页面提供了更明确的语义元素,此时可以将上述页面片段改为以下形式
<header>... </header>
<content>
...
</content>
这样各个结构的语义就更加清晰明了了。
另外,HTML5之前可能会通过< em >标签来表示“被强调”的内容,但无法表达是哪一种强调;HTML5则可以通过< time >标签强调被标记是日期或时间,< mark >元素强调被标记的是文本等等。
2.2 替代部分JavaScript
HTML5增加了一些内容,可以部分代替JavaScript的功能,而这些功能只需要通过为元素增加一些属性即可实现。
例如,HTML4打开一个页面后立即让某个单行文本框获得输入焦点。
<body>
用户:<input type= "text" name= "user" id="name"/><br