HTML基础课程登入/注册
在小屏设备上仅提供基本的浏览功能
请使用电脑打开此网页,体验更多强大功能

HTML规范简介

原创作品,未经许可不得转载
现在,你已经对HTML中常见元素有了一些了解,是时候了解一些HTML的规范了。
在之前的学习过程中,你可能已经注意到了,所有的示例中的标签名和属性名都是小写字母。
虽然你将标签名和属性名写成大写字母也可是正常显示的,例如这样:

<DIV ID="head"></DIV>
    
但是强烈建议你使用小写字母,应该写成下面这样:

<div id="head"></div>
    
另外,在书写HTML代码时,子元素相对于父元素应该有一定的缩进,如果写成下面这个样子,将使代码非常混乱、结构不清晰:

<div>
<div>
<h1>Hello World</h1>
<div>在哇牛上学习HTML5</div>
</div>
</div>
    
将上面的代码整理一下,用缩进的方式书写:

<div>
    <div>
        <h1>Hello World</h1>
        <div>在哇牛上学习HTML5</div>
    </div>
</div>
    
这样的代码就比较容易阅读了。虽然这不是HTML的规范,但这是一个非常重要的良好习惯。
在前面的学习中,我们总是将<body>元素作为最外层的根元素。其实,HTML的根元素不应该是<body>,而应该是<html>
<body>是网页的主体部分,一个网页还有“主体”之外的部分,在后面的课程中会讲解到。
因此,在我们书写HTML代码时,应该将<html>作为最外层的根元素。例如:

<html>
<body>
    <div>
        <div>
            <h1>Hello World</h1>
            <div>在哇牛上学习HTML5</div>
        </div>
    </div>
</body>
</html>
    
注意上面代码的书写方式。<body>作为<html>的子元素,却并没有缩进书写。这也是一种常见的书写习惯。在HTML中,只有<body>和后面即将学到的<head>是例外。
浏览器除了可显示HTML文件之外,还可显示很多其它类型的文件,例如txt文件、PDF文件、等等。
虽然大多数情况下浏览器能自动识别,但我们还是应该明确告诉浏览器这是什么文件。
在HTML里,使用doctype来声明是什么文件。完整的写法的:

<!DOCTYPE html>
    
上面这段代码的意思是:告诉浏览器这是一个HTML文件。
它应该写在你的HTML代码的最上面。例如像下面这样:

<!DOCTYPE html>
<html>
<body>
    <div>Hello World</div>
</body>
</html>
    
等等!你可能已经注意到了,上面代码中的DOCTYPE是大写字母。不是说在HTML里应该用小写字母的吗?
首先,<!DOCTYPE html>不是“标签”,而是“文档类型声明”。
其次,在HTML的规范里,没有对“文档类型声明”应该用大写字母还是小写字母做规定,因此这里即可写成大写字母,也可写成小写字母。至于你想怎么写,就随你的意吧。
最后需要说明一下,你可将HTML代码保存在一个文本文件里。具体的做法是:
一、在你自己的电脑上用“记事本”创建一个.txt文本文件。
二、打开它,在里面写入一些HTML代码(你可将你在上节课中书写的HTML复制过去),保存,并关闭文件。
三、修改文件名,将文件的后缀改为.html。例如可将文件名改为hello.html
四、用鼠标双击它,就可用浏览器打开这个文件了。
五、你也可将文件的后缀改为.htm。例如将文件名改为hello.htm.htm.html是等效的。
练习
17/22
http://localhost/