基础

HTML 基本结构

document 是指整个文件，它下面就是咱们的 HTML;
超文本标记语言的结构包括“头”部分（英语：Head) 、和“主体”部分（英语：Body)
其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
除了最基本的结构外，我们详细的分解一下每一部分！

html

<!DOCTYPE html>
<html lang="en">
<!-- 网页的头部 -->
<head>
    <!-- meta 元信息 编码 utf-8 -->
    <!-- 网页的关键词 - SEO去搜索
         网页的描述内容
         视口viewport  meta:vp tab(移动端手机页面开发必须加的代码)
    -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="//xxx.icon">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 网页的主体 -->
<body>
    <div></div>
    <!-- 开发者写的结构代码 浏览器可以解析渲染 -->
</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

HTML 基本结构一文档声明

为了说明文档使用的超文本标记语言标准，所有超文本标记语言文档应该以“文件类型声明”，（外语全称加缩写<!DOCTYPE>) 开头，引用一个文件类型描述或者必要情况下自定义一个文件类型描述。
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于<html>标签之前
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。 DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。

HTML

此标签可告知浏览器其自身是一个 HTML 文档，是 htmL 的根元素。
<html>与</html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
文档的头部由<head> 标签定义，而主体由<body> 标签定义。

head

<head>标签用于定义文档的头部，它是所有头部元素的容器。
<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给用户。
下面这些标签可用在 head 部分：<link>, <meta>, <script>, <style>, 以及<title>。

title

<title>定义文档的标题，它是 head 部分中唯一必需的元素。
一定要选择一个正确的标题，这对于定义文档并确保它能够在 Web 上有效利用来说是十分重要的。
显示在浏览器的页卡位置

body

网页的主体部分
body 元素定义文档的主体，用户看到的内容基本都在 body 内编写。
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。)

基础 #

HTML 基本结构 #

HTML 基本结构一文档声明 #

HTML #

head #

title #

meta #

body #

基础

HTML 基本结构

HTML 基本结构一文档声明

HTML

head

title

meta

body