2015-11-26

HTML文档标准及注意事项

^_^

世界上的一切都必须按照一定的规矩秩序各就各位 ——莱蒙特

一个了解过html和学习过html的同学都知道html的文档标准是多么的重要，不论你是少些了一些标签，或是把标签的顺序写错了，那么你所写的代码就有可能报错或是出现乱码，而且一时半会儿你还找不到这个错误。。。

因此，我今天要分享一下xhtml的文档标准以及需要注意的事项

html文档标准

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />//编码格式
        <title></title>//文档标题
    </head>
    <body>
        //可视区域
    </body>
</html>

1、html表示文档的根目录，它包含head区域和body区域。

2、head区域一定要有title和meta，也就是文档标题和meta标签的charset属性指定文档的编码格式

3、所有可见内容都要放在body里面，body是该页面的可视化区域。

注意事项:

在html中有双标签和单标签。双标签是成双成对的出现的，有开始标签和结束标签;单标签的闭合方式不同于双标签,在末尾的地方”>“前面加上”/“,完成闭合.因此doctype不是标签。

双标签，例如：

<html></html>
<head></head>

单标签，例如：

<meta />

不是标签，例如：

<!doctype html>

所有的标签属性命名都要用小写，属性值用双引号。

例如：

<meta charset="utf-8" />

注意缩进，文档的结构才会清晰明了。
body里面的内容，最好都要有标签嵌套。
内容不可写在head和html等地方。

例如：

<!doctype html>
<html>
    <div>我是一个div，是个双标签。没有什么意义，就是一个区域、块</div>
    <head>
        <meta charset="utf-8" />//编码格式
        <title></title>//文档标题
    </head>
    <body>
        //可视区域
    </body>
</html>
这样写是不对的。。。

标签顺序不能写错，也不能少写。

例如：

<!doctype html>
<html>
    <head>
        <title>我是标题</title>//文档标题
        <meta charset="utf-8" />//编码格式
    </head>
    <body>
        //可视区域
        你好！！！
    </body>
</html>
这样虽然不会出现汉字不可识别的情况，但这是不正确的书写格式。
如果把<meta charset="utf-8" />去掉会出现汉字不可识别，出现乱码的状况。