<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>
1.<!doctype html>
<!doctype html>标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML标准规范,<!doctype html>是HTML5的文档声明。只有在开头使用<!doctype>声明,浏览器才能将该网页作为有效的HTML文档,并按指定的文档类型进行解析。使用HTML5的DOCTYPE声明,会触发浏览器以标准兼容模式来显示页面。
2.<html>标记
<html>标记位于<!doctype>标记之后,也被称为根标记,用于告知浏览器其自身是一个HTML文档,<html>标记标志着HTML文档的开始,</html>标记着HTML文档的结束,在他们之间的是文档的头部和主体内容。
3.<head>标记
<head>标记用于定义HTML文档的头部信息,也被称为头部标记,紧跟在<html>标记之后,主要用来封装其他位于文档头部的标记,例如<title>,<meta>,<link>及<style>等,用来描述文档的标题、作者、以及与其他文档的关系等。一个HTML文档只能含有一对<html>标记,绝大多数文档头部包含的数据都不会真正作用为内容显示在页面中。主要用来帮助浏览器或搜索引擎来解析网页。
4.<body>标记
<body>标记用于定义HTML文档所要显示的内容,也被称为主体标记。浏览器中现实的所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。一个HTML文档只能含有一对<body>标记,且<body>标记必须在<html>标记内,位于<head>头部标记之后,与<head>是并列关系。