三、HTML结构

1、基本骨架

<!DOCTYPE html>
<html>
  <head>
    <title>……</title>
  </head>
  <body>

  </body>
</html>

HTML：最根本的标签，表示整个的网页

Head：网页的头部，里面都是一些网页的配置，除了title标签，其他的内容在网页上都是不可见的

Title：网页的标题

Body：用户能够看到的内容区域

2、文档DTD 文档类型定义

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

DTD：doctype definition 文档类型定义。定义我们这个HTML文件使用的是那一个版本的HTML规范。

HTML规范是我们书写HTML要遵循的规范，规定了我们要使用的标签、语法。

HTML、CSS、JS 规范的维护和制定的组织W3C。

版本：
HTML1.0-html5

HTML4.0版本，将结构和样式进行了分离。大部分网站常用的HTML4.01版本。

XHTML是在HTML4.0基础上进行的升级扩展。在HTML1.0中，严格规定了标签必须小写，属性必须用双引号包裹，结束标签用/
两个规范下面分别包含了三个小规范：

Strict  严格版：不能使用font等废弃标签，不能使用框架集，结构和样式分离。
Transitional  过渡版（通用版）：可以使用font等废弃标签，不能使用框架集。
Frameset  框架集版：可以使用框架集。

严格程度：XHTML1.0 strict>html4.01 strict > xhtml1.0 transitional >html4.01 transitional

发展到HTML5版本时，进行了大幅度更新升级，取消了3个版本

HTML5的DTD尽行了极大的简化：

3、HTML标签

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
</html>

HTML是一个双标签

HTML标签有两个属性：

Xmlns   是xml的namespace 命名空间 规定了我们的标签使用的是哪种命名规范。用户浏览器不一致，必须规范死什么标签是什么内容，标签具有什么语义。
Lang    规定HTML文件标签都必须使用英文。

4、head标签

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title></title>
</head>

Meta 标签：

单标签，规范的是我们网页使用的字符集

中文字符集包括：

国际标准字库：Utf-8 ，包括世界上所有的人类语言。中文占3个字节。
国家标准字库：gb2312或gbk，包括所有的简体字、大部分繁体 、一些特殊符号、片假名。中文占2个字符
  这两种字库的使用情况：
    ①网页中有大量中文，同时要求加载速度，选择gbk
    ②制作外文网站、有少数民族语言的网站，或者不要求加载速度，选择utf-8
注意：规定的字符集必须与编辑软件的保存字符集类型一致，否则会出现乱码

Title ：

双标签，内部书写的是网页的标题

搜索引擎优化：SEO 提升我们的搜索排名。Title里的文字会作为关键词首先被搜索引擎抓取。