1.3 html骨架解读

1. 复习上节课的内容

1. 网页的原理：用户输入网址后，对应的服务器就发现有人请求我的网页资源了，所以，服务器就会把网页有关的图片，html文件，css文件，js文件等都通过http请求协议传输到用户的电脑的临时文件夹中，然后在用户电脑的浏览器中进行渲染；HTTP协议，指的是“超文本传输协议”；每一个网址，都对应了服务器上对应的文件；
2. 纯文本文件：只有内容，没有样式；常见的纯文本有：.txt .html .js .java;没有语义；即使你这个文件中的内容排版再清晰；这就是自己电脑中设置的，实际上，纯文本中的内容，没有任何语义；
3. HTML：超文本标记语言；就是通过标签对，给纯文本增加语义，也就是说，用文本给文本增加语义，所以叫“超文本”，而一对一对标签，也称为“标记”；所以，就是“超文本标记语言”；
4. webstrom快捷键：

• alt+鼠标滚轮：选中多个文件
• 文件自动保存，但我们最好使用ctrl+s;
• ctrl+D:复制一行
• ctrl+X:删除一行
• ctrl+f: 查找；
• ctrl+r:替换；

2. HTML骨架

2.1文档声明头

任何一个标准的页面，都是以开头的语句，这一行就是文档声明头；DocType Declaration; 此标签可告知浏览器文档使用哪种HTML或XHTML规范：

• HTML4.01这个版本，从IE6.0开始兼容；
• HTML5从IE9.0开始兼容； 快捷键： ! 或 html:5
• XHTML 严格规范：严格体现在小写，标签，闭合，引号; 快捷键：html:xt
  • x:XHTML
  • t:Transitional

总结一下，一共有6种DTD，说白了，HTML第一行语句一共有6种：

大规范	里面的小规范
HTML4.01/ XHTML	Strict : 严格的
	Transitional ：普通的
	Frameset ：带有框架的页面

以前开发中使用的是XHTML中的Transitional规范；
但我开发中使用HTML5;因为它极大的简化了DTD；也就是说HTML5中就没有XHTML了；

2.2 字符集

• 什么是字符集？
  计算机不能直接存储汉字，而是存储的是编码，有两个字库（UTF8 和 GB2312）
• 中文能够使用的字符集有两种，在meta标签中设置：
  1. utf-8 : :国际通用字库，涵盖各个国家的语言
  2. gb2312 : ：国标，涵盖中文和一些常用外文；写成GBK也合法；
• 两种字符集的优缺点：
  保存大小(utf-8 > gb2312)：由于utf-8涵盖所有人类语言，所以描述一个汉字需要的码更多；所以，utf-8中存储一个汉字3个字节；gb2312一个汉字2个字节；
  总结
  utf-8 字多:有各种国家语言，但是保存尺寸大，文件臃肿；
  gb2312字少：只有中文和少数外语符号，但是保存尺寸小，文件小巧；
• 举例：
  • qq网、网易、搜狐都是使用gb2312。这些公司，都追求显示速度。
  • 新华网藏语频道，使用的是UTF-8，保证字符集的数量。

2.3 关键字和页面描述

meta除了可以设置字符集，也可以：

• 设置页面描述；
  
  只要设置了"description",百度搜索结果就能显示这些语句，这个技术叫SEO(搜索引擎优化)；
• 定义关键词；
  
  告诉搜索引擎，这个网页是干什么的，提高网页的搜索命中率；

2.4 网页标题

---

总结：

• 网页的head标签里面，表示网页的配置，包含：字符集，网页描述，关键词，页面标题；
  今后还能看到：IE适配，视口等；
• 一个比较完整的html骨架，应该包含：声明头，html，head(字符集，页面描述，关键字...)，body

    
    
    


页面内容