这是补充HTML5基础知识的系列内容,其他为:
- 一、HTML5-- 新的结构元素
- 二、HTML5-- figure、time、details、mark
- 三、HTML5-- details活学活用
- 四、HTML5-- 现存元素的变化
- 五、HTML5 -- Web表单
虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰。之前在图书馆看到HTML5这类书基本就是略过,想想无非就是介绍一些标签,给一些初学者看,但看了本书之后深受启发,拿来分享,也希望大家多提意见。
一、HTML5中新的结构元素
1、 HTML5初始文件
1.1、doctype
在之前,doctype的声明是这样的:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//en"
"http://www.w3. org/TR/html4/strict.dtd">
doctype
称作文档类型声明(Document Type Definition),它总是作为HTML文件的第一行。doctype是WEB标准要求的一部分,用来告诉浏览器如何处理文档,这也是将其放在HTML文件第一行的原因所在。
如果不写doctype,浏览器就进入怪异模式(quirks mode),那么你编写的代码在某些浏览器下无法正常运行。
现在,HTML5提供了一个更简洁的标准文档声明:
<!DOCTYPE html>
1.2、字符编码
在head标记中的第一行需要包含的是charset(字符集)声明,它告诉浏览器应该如何解析这个文件。
在HTML4中,声明字符集需要这样做:
<meta http-equiv="Content