总代码如下:
<!DOCTYPE html> <!-- 文档声明-->
<html lang="en"> <!-- 根元素 -->
<head> <!--文档头-->
<meta charset="UTF-8"> <!--<meta>文档的元数据-->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--解决IE浏览器的问题(现在不用管)-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--适配手机端(现在不用管)-->
<title>Document</title> <!--网页标题-->
</head>
<body><!--文档体-->
</body>
</html>
解释如下:
- 文档声明
<!DOCTYPE html> <!-- 文档声明-->
文档声明:告诉浏览器,当前文档使用的HTML标准是HTML5
不写文档声明,将导致浏览器进入怪异渲染模式。
- 根元素
<html lang="en"> <!-- 根元素 -->
根元素:一个页面最多只能一个,并且该元素是所有其他元素的父元素或祖先元素。
HTML5没有强制要求书写该元素。
lang属性:language,全局属性,表示该元素内部(元素内容)使用的文字是使用哪一种自然语言书写而成的。如:"en"表示的是英文,"cmn-hans"表示汉语简体。
- 文档头
<head>
</head>
文档头:文档头内部的内容,不会显示到页面上。
- 文档的元数据
<meta>
文档的元数据:附加信息。
charset属性:指定网页内容编码。UTF-8 是Unicode编码的一个版本。
- 网页标题
<title>Document</title>
- 文档体
<body>
</body>
文档体:页面上所有要参与显示的元素,都应该放置到文档体中。