HTML的层次结构和head标签...

先简单的介绍下这篇文章：

1. html的介绍
2. html的层次结构和head中标签的作用

---

什么是 HTML

    HTML:Hyper Text Markup Language  --- 超文本标记语言.
    标记语言：指的是通过一组标签的形式描述事物的一门语言.
    超文本：比普通的文本更强大.          

HTML页面编码集：

    ISO-8859-1 :不支持中文编码
    UTF-8:国际化编码集
    Gb2312和Gbk:支持中文的编码集

为什么我们要使用小写的标签？

    众所周知，HTML 标签对大小写是不敏感的：<b> 和 <B> 的作用的相同的。当您在网上冲浪时，您会发现大多数教程在他们的例子中都使用大写的 HTML 标签。而我们总是使用小写。原因何在呢？
    如果您希望为使用下一代 HTML 而做好准备，您就应该使用小写标签。万维网联盟 (W3C) 的标准是：建议在 HTML 4 中使用小写标签，而在 XHTML（下一代 HTML）中，必须使用小写标签

HTM 还是 HTML 扩展名？

    当您将一个 HTML 文件存盘时，您即可以使用 HTM 也可以使用 HTML 作为扩展名，使用.htm这样做也许是一个坏习惯，习惯于这样做的人也许是因为使用某些过时的软件而养成了这个坏习惯，这些软件只允许三个字母作为扩展名。

不要忘记关闭标签

    刚入门的时候您可能就注意到了，在编写段落时可以不带有 </p> 标签：
    <p>This is a paragraph
    <p>This is another paragraph
    上面的例子在大多数浏览器中都可以工作，但是不要依赖这种做法，之所以会出现这样的情况，是因为HTML不严谨，但是浏览器有容错性，或许HTML 未来的版本不允许省略任何结束标签；
    通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地标记某个元素在何处开始，并在何处结束，不论对您还是对浏览器来说，都会使代码更容易理解。
    建议写标签的时候最好成对的写<div></div>

换行符

    当你打算结束一行，而又不想开始一个新段落时，<br> 标签就派上用场了。无论你将它置于何处，<br> 标签都会产生一个强制的换行。
    <p>This <br> is a para<br>graph with line breaks</p>
    <br> 标签是空白标签，由于关闭标签没有任何意义，因此它没有类似 </br> 的终止标签。
    <br> 还是 <br />
        您会越来越多地发现 <br> 与 <br /> 很相似。
        由于 <br> 没有结束标签，它也就违反了未来的 HTML 的规则之一，即所有的元素都必须关闭。
        把这个标签写为 <br /> 是经得起未来考验的做法，XHTML 和 XML 都接受在打开的标签内部来关闭标签的做法。

HTML 标签的属性

    HTML 标签拥有属性。属性为 HTML 元素提供附加信息。
    属性总是以名称/值对的形式出现，比如：name="value"
    属性总是在 HTML 元素的开始标签中规定

始终为属性值加引号 并且属性和属性之间要加上空格

    属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
    在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：
        name='John "ShotGun" Nelson'

使用小写属性

    属性和属性值对大小写不敏感  （建议使用小写）

meta标签的组成

    meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。

1. name属性

       name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的
       meat标签的name属性语法格式是：<meta name=\"参数\" content=\"具体的参数值\">
   
       其中name属性主要有以下几种参数：              
   
   - A、Keywords(关键字)
       说明：keywords用来告诉搜索引擎你网页的关键字是什么。
       举例：<meta name =\"keywords\" content=\"science, education,culture,politics,ecnomics，relationships, entertaiment, human\">
   - B、description(网站内容描述)
       说明：description用来告诉搜索引擎你的网站主要内容。
       举例：<meta name=\"description\" content=\"This page is about the meaning of science, education,culture.\">
   - C、author(作者)
       说明：标注网页的作者
       举例：<meta name=\"author\" content=\"niceidea,www.aspxuexi.com\">
   

2. http-equiv属性

       http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
       meat标签的http-equiv属性语法格式是：<meta http-equiv=\"参数\" content=\"参数变量值\"> ；其中http-equiv属性主要有以下几种参数：
   

   • Refresh(刷新)

     说明：自动刷新并指向新页面(指定多少时间跳转至url)。
     用法(2s后跳转至url)：<meta http-equiv=\"Refresh\" content=\"2；URL=http://www.aspxuexi.com\">
     

   • content-Type(显示字符集的设定)

     说明：设定页面使用的字符集。
     用法：<meta http-equiv=\"content-Type\" content=\"text/html; charset=gb2312\">
     

meta标签的功能

1. 帮助主页被各大搜索引擎登录

       meta 标签的一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录，提高网站的访问量。在这个功能中，最重要的就是对Keywords和 description的设置。因为按照搜索引擎的工作原理,搜索引擎首先派出机器人自动检索页面中的keywords和decription，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。因此，我们必须设置好关键字，来提高页面的搜索点击率。
       下面我们来举一个例子供大家参考：
           <meta name=\"keywords\" content=\"政治,经济, 科技,文化, 卫生, 情感，心灵，娱乐，生活，社会，企业，交通\"><meta name=\"description\" content=\"政治,经济, 科技,文化, 卫生, 情感，心灵，娱乐，生活，社会，企业，交通\">
           设置好这些关键字后，搜索引擎将会自动把这些关键字添加到数据库中，并根据这些关键字的密度来进行合适的排序
   

2. 定义页面的使用语言

       这是meta标签最常见的功能,在制作网页时,我们在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当浏览者访问你的网页时,浏览器会自动识别并设置网页中的语言,如果你网页设置的是GB码,而浏览者没有安装GB码,这时网页只会呈现浏览者所设置的浏览器默认语言。同样的,如果该网页是英语,那么charset=en。
       下面就是一个具有代表性的例子：
               HTML 代码:
               <meta http-equiv=″content－Type″ content=″text/html; charset=gb2312″>
       该代码就表示将网页的语言设置成国标码
   

3. 自动刷新并指向新的页面

       如果你想使您的网页在无人控制的情况下，能自动在指定的时间内去访问指定的网页，就可以使用meta标签的自动刷新网页的功能。 - 列子可以参考上面的Refresh
   

---

声明：文章标记原创！来源于以前的笔记，经整理发布，版权归原作者所有如有侵权请立即与我联系,我将及时处理！！！