- HTML的标准骨架
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> ???<head> ???????<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> ???????<title>Document</title> ???</head> ???<body> ???????????????</body></html>
对骨架的解释说明如下：
- 文档声明头
任何一个标准的HTML页面，第一行一定是一个以 <!DOCTYPE …… 开头的语句。这一行 就是文档声明头，DocType Declaration， 告知浏览器文档使用哪种HTML规范。我们现在学习的是HTML4.01这个版本，这个版本是IE6开始兼容的。手机、移动端的网页，就可以使用HTML5了。总结一下，一共有6种DTD，说白了，HTML第一行语句一共有6种：大规范（里面的小规范）HTML4.01Strict ???????严格的，体现在一些标签不能使用，比如uTransitional ??普通的Frameset ????带有框架的页面XHTML1.0严格体现在小写标签、闭合、引号Strict ?????????严格的，体现在一些标签不能使用，比如uTransitional ???普通的（我们学习的版本）Frameset ?????带有框架的页面strict表示“严格的”，这种模式里面的要求更为严格。这种严格体现在哪里？有一些标签不能使用。比如，u标签，就是可以让一个本文加上下划线，但是这和HTML的本质有冲突，因为HTML只能负责语义，不能负责样式，而u这个下划线是样式。所以，在strict中是不能使用u标签的。Transitional表示“普通的”，这种模式就是没有一些别的规范。Frameset表示“框架”，在框架的页面使用。我们学习的就是XHTML1.0中的transitional版本。因为我们的页面中偶尔要使用一些类似u这种标签（当做CSS钩子）。
- 字符集
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
字符集用meta标签定义，meta表示“元”。“元”配置，就是表示基本的配置项目。
中文能够使用的字符集两种：第一种：UTF-8 ???? ???<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">第二种：gb2312 ???? ???<meta http-equiv="Content-Type" content="text/html;charset=gb2312">也可以写成gbk ???? ???<meta http-equiv="Content-Type" content="text/html;charset=gbk">
我们用meta标签可以声明当前这个html文档的字库，但是一定要和保存的类型一样，否则乱码！（重点）
总结：UTF-8 字多，有各种国家的语言，但是保存尺寸大，文件臃肿；gb2312字少，只用中文和少数外语和符号，但是尺寸小，文件小巧。
- 关键字和页面描述
- 设置页面描述
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
只要设置的Desciption页面描述，那么百度搜索结果就能够显示这些语句。
也就是说，我们定义了一个名字是“Description”（描述）的meta。
2.定义关键词
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
这些关键词 告诉搜索引擎 ，这个网页是干嘛的，能够提高搜索命中率。
所以，一个比较完整的骨架应如下：
? ???<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ???? ???<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> ???? ???<head> ???? ???????<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> ???? ???????<meta name="Keywords" content="牛逼，很牛逼，特别牛逼" /> ???? ???????<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" /> ???? ???????<title>Document</title> ???? ???</head> ???? ???<body> ???? ???????????? ???</body> ???? ???</html>
- title标签
<title>网页的标题</title>
- 备注
网页的head标签界面，表示的是页面的配置：字符集关键字页面描述页面标题
WEB学习-HTML的骨架
原文地址：https://www.cnblogs.com/lyz0925/p/9775649.html