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>标签,是网页内容的显示主体,网页上我们所看到的内容都必须位于该标签内;

 

posted @ 2017-03-28 10:45  蔓延者  阅读(3044)  评论(0编辑  收藏  举报