HTML 元素


HTML文档是以HTML元素(element)来定义的。


HTML元素

HTML元素(element)就是从起始标签(start tag)开始至结束标签(end tag)结束其间的所有内容:

起始标签* 元素内容 结束标签*
<p> 这是一个段落 </p>
<a href="default.htm" > 这是一个链接 </a>
<br />    

* 起始标签也经常称为首标签(opening tag),结束标签也经常被称为尾标签(closing tag)


HTML元素语法

(我们将在下一章讲元素的属性)


嵌套的HTML元素

大部分HTML元素可以嵌套使用(可以包含其他HTML元素)。

HTML文档由嵌套的HTML元素构成。


HTML文档示例

<html>

<body>
<p>这是我的第一个段落</p>
</body>

<html>

上面的例子包含3个HTML元素。


示例讲解

<p>元素:

<p>这是我的第一个段落</p>

<p>元素在HTML文档中定义了一个段落
这个元素有一个起始标签<p>和一个结束标签</p>
这个元素的内容是:这是我的第一个段落

<body>元素:

<body>
<p>这是我的第一个段落</p>
</body>

<body>元素定义了HTML文档的主体(body)
这个元素有一个起始标签<body>和一个结束标签</body>
这个元素的内容是另一个HTML元素(<p>)

<html>元素:

<html>

<body>
<p>这是我的第一段落</p>
</body>

</html>

<html>元素定义了整个HTML文档
这个元素有一个起始标签<html>和一个结束标签</html>
这个元素的内容是另一个HTML元素(<body>)


别忘了结束标签

即便你忘记写结束标签,大部分浏览器还是能正确显示你的HTML:

<p>这是一个段落
<p>这是一个段落

虽然大部分浏览器能正确显示上例,但你不应依赖浏览器的容错能力。忘记写结束标签可能会造成意想不到的结果或错误。

注意:缺少结束标签在以后版本的HTML里是不允许的。


空HTML元素

没有内容的HTML元素被称为空元素(empty element)。空元素以起始标签的结束而结束。

<br>是一个没有结束标签的空元素(它用于定义换行)。

在XHTML、XML及以后版本的HTML里,所有元素都必须正确关闭。

关闭空元素的正确方式是,给起始标签添加一个反斜杠,就像<br />这样。

即便浏览器照样能处理<br>,但写成<br />这种形式更能经受住未来的考验。


提示:请使用小写标签

HTML标签是不区分大小写的:<P>等同于<p>。许多网站在它们的网页里使用大写的HTML标签。

由于万维网联盟(World Wide Web Consortium,简称W3C)在HTML 4规范里建议采用小写标签,并且在未来版本的(X)HTML里要求采用小写标签,因此yige.org统一采用小写标签。

粤ICP备11097351号-1