HTML骨架详解
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 5 <title>Document</title> 6 </head> 7 <body> 8 9 </body> 10 </html>
第一行:<!DOCTYPE HTML...>表示文档声明头,声明文档类型,作用是告知浏览器该文档使用那种规范
1)HTML的规范分为两大类:HTML4.01和XHMTL1.0,并且每类规范又分出3种小规范,如下表:
HTML4.01 | Strict(严格的) | transitional(普通的) | frameset(带框架的) |
XHTML1.0(更加严格)体现于: 区分大小写,标签必须闭合 |
Strict(严格的) | transitional(普通的) | frameset(带框架的) |
第二行: <html...>网页内所有配置以及网页内容都必须写在该标签内,后边的参数表示命名空间,对js起作用,一般不理会;
第三行:<head>头标签,成对存在,里边放置网页的配置信息(meta)及网页的标题(title);
1)<title>.....</title>网页标题栏,就是计算机浏览器标题栏显示的信息,内容也用优化搜索引擎的功能,如下图:
第四行:<meta .../>标签,用于配置网页信息及优化搜索引擎的搜索:
1)<meta charset="utf-8" />用于配置网页所使用的字符集为utf-8;
问:什么是字符集?
答:计算机本身不能保存字体,只能通过转换为0和1的编码来保存信息,而字符集正是字体与编码的对应参照文本,就像是“活体印刷术”,每个汉字都有一个模子对应,需要用到时,只需找的这个模子放置的具体位置就找的了这个字
•字符集分很多中,几乎每个国家有自己对应的字符集;但能够编码汉字的就只有两种,分别是 utf-8 和 gb2312
utf-8是国际通用编码字符集;基本适合各个国家的字体编码,所以里边容量大,占内存多,一个汉字占3个字节,这也就是该字符集的缺点;
gb2312是国标编码字符集,也就是中国的编码字符集,只适用于中国汉字及少数字体,所以里边容量没utf-8大,占内存小,一个汉字占2个字节,这也是该字符集的优点
2)<meta name="Description" content="...." />用于对该网页的描述,优化搜索引擎搜索,体现入下图:
3)<meta name="Keywords" content="..." />用于配置网页关键字,优化搜索引擎,使之更大概率的找到该页面,如下图:
第七行:<body>标签,是网页内容的显示主体,网页上我们所看到的内容都必须位于该标签内;