基本结构介绍

结构：

下面展示的是HTML的基本结构：

一、doctype：文档类型声明

1.定义：document type (文档类型) 的缩写，声明位于文档的最前面，处于标签之前，它不是html标签。

2.作用：告诉浏览器按当前标准解析代码（当前为html5的文档类型声明）

3.HTML5标准：不区分大小写，双标记的结束标记可以省略（不推荐）

4.常见的DOCTYPE声明：

1.HTML5：

2.HTML 4.01 Strict：严格。包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）

3.HTML 4.01 Transitional：过渡。包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）

4.HTML 4.01 Frameset：框架集。等同于 HTML 4.01 Transitional，但允许框架集内容

5.XHTML 1.0 Strict：严格。包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

6.XHTML 1.0 Transitional：过渡。包含所有 HTML 元素和属性，不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记

7.XHTML 1.0 Frameset：框架集。同于 XHTML 1.0 Transitional，但允许框架集内容

二、html标签：限定了文档的开始点和结束点，在它们之间是文档的头部和主体。

三、head标签：

1.定义：用于定义文档的头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。

2.可用在head部分里的标签：、、、

3.位置：应该把 标签放在文档的开始处，紧跟在 后面，并处于 标签之前。

4.标签：用来告诉浏览器关于文档的附加信息。

5.“lang”:

lang是language的意思，lang=”en”属性对每张页面中的主要语言进行声明，en代表了英文，只是个声明，声明了它，对搜索引擎和浏览器更友好，并不会更改显示内容。它还有常见的值是zh-CN，代表了中文。

四、title标签：

1.可定义文档的标题。

2.它显示在浏览器窗口的标题栏或状态栏上。

3.当把文档加入用户的收藏夹或书签列表时，标题将成为该文档的默认名称。

4. 标签是 标签中唯一必须要求包含的东西，就是说写head一定要写title，不是说其它的不加，而是title一定要加。

5.title写成和你网页相关的关键词有利于SEO优化

*SEO是搜索引擎优化的英文缩写。通过对网站内容调整，满足搜索引擎的排名需求，从而提高自己网站被搜索引擎平台录取的几率，从而把精准用户带到网站。

五、meta标签：

1.定义：用来描述一个HTML网页文档的属性，此处的charset=”utf-8”是说当前使用的是utf-8编码格式，在开发中我们经常会看到utf-8，或是gbk，这些都是编码格式。国外一般会用gbk、gb2312，国内通常使用utf-8。

2.常见的meta有：

keywords(关键字)：keywords用来告诉搜索引擎你网页的关键字是什么
description(网站内容描述) ：description用来告诉搜索引擎你的网站主要内容
author作者：标注网页的作者

六、语义化标签：

1.定义：让标签有自己的含义

2.优势：

1、代码结构清晰，方便阅读，有利于团队合作开发。
2、方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页。
3、有利于搜索引擎优化（SEO）。

3.常见的语义化标签：