WEB学习-HTML的骨架
- 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:> <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.01 Strict 严格的，体现在一些标签不能使用，比如u Transitional 普通的 Frameset 带有框架的页面 XHTML1.0 严格体现在小写标签、闭合、引号 Strict 严格的，体现在一些标签不能使用，比如u Transitional 普通的（我们学习的版本） 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:> • <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标签界面，表示的是页面的配置： 字符集 关键字 页面描述 页面标题