HTML基本骨架详解

大家好，我是你们的导师，过完了周末，需要将精力放在学习上了，上次我有给大家分享一篇文章：前端小白问我，HTML是什么？简单介绍了HTML抽象的基本框架，其实，HTML的基本骨架部分还有更多内容需要了解，这一节，我就详细给大家分享下HTML的基本骨架。

打开sublime编辑器，输入html:xt：

x表示XHTML，t表示transitional。
然后按tab键，sublime自动生成html基本骨架。

下面，老师来一一解释一下各部分的内容：

1.文档声明头

我们现在学习的是HTML4.01这个版本，这个版本是IE6开始兼容的。HTML5是IE9开开始兼容的。但是IE6、7、8这些浏览器还不能过早的淘汰，所以这几年网页还是应该用HTML4.01来制作。后面将知道手机、移动端的网页，就会使用Html5制作。

不管HTML4.01还是HTML5，任何html文档开头都是开头，这一行就叫文档声明头，DocType Declaration（DTD）。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。HTML4.01里面有两大种规范，每大种规范里面又各有3种小规范。所以一共6种规范：

strict表示“严格的”，这种模式里面的要求更为严格。HTML原本表示样式的标签不能用了。比如，u标签，就是可以让一个本文加上下划线，但是这和HTML的本质有冲突，因为HTML只能负责语义，不能负责样式，而u这个下划线是样式。所以，在strict中是不能使用u标签的。

而HTML5极大地简化了DTD，文档声明头变为：。所以，综上所述，HTML总共有7种DTD规范，其中HTML4.01有6种，HTML5有1种。

2. 字符集

[/code]
字符集用meta标签定义，meta表示“元”。“元”配置，就是表示基本的配置项目。charset就是charactor set“字符集”的意思。中文能够使用的字符集两种：
第一种：UTF-8
[code]

复制代码

第二种：gb2312（也可以写作gbk）

[/code]
UTF-8是国际通用字库，里面涵盖了所有地球上所有人类的语言文字，比如阿拉伯文、汉语、英语、法语……UTF-8 虽然有各种国家的语言，但是UTF-8里面存储一个汉字要3个字节，保存尺寸大，文件臃肿。
gb2312 是国标，是中国的字库，里面仅涵盖了汉字和一些常用外文，比如日文片假名，和常见的符号，但是存储一个汉字只需要2个字节，文件尺寸相对较小小，文件小巧。
同一个字在两种不同的字符集里面编码也不一样。用meta标签声明当前这个html文档的字库时，一定要和保存的类型一样，否则会乱码！
[img]https://201903.oss-cn-hangzhou.aliyuncs.com/wc/1811847-c946e3f7b32cde4045a46b9acbf1a012[/img]
3.关键字和页面描述
meta除了可以设置字符集，还可以设置关键字和页面描述。只要设置的Description页面，那么百度搜索结果，就能够显示这些语句，这个技术叫做SEO，search engine optimization，搜索引擎优化。
还可以设置关键字（以网易为例）：
[code]

复制代码

这些关键词，就是告诉搜索引擎，这个网页的作用的，能够提高搜索命中率。所以，一个企业级的完完整整的HTML出来啦，以聚美优品为例：

聚美优品-【极速免税店品牌防伪码】正品化妆品团购网站SH，千万用户推荐，拆封30天无条件退货！
大家能看到的部分

复制代码

HTML基本骨架已经学习完毕，今天就总结到这，下次我将给大家介绍HTML如何给网页添加图片和超链接。

最后在这顺便回答下有的同学在微信上问我的问题：为什么很多同学在我们这里学了不到4个月，月薪轻松25K以上？

长按扫一扫下面的二维码，我会亲口告诉你答案，一句话，选择大于努力！向有结果的人学习不会有错！