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元素具有空内容(empty content)
- 空元素(empty element)以起始标签的结束而结束
- 大部分HTML元素可拥有若干属性(attribute)
(我们将在下一章讲元素的属性)
嵌套的HTML元素
大部分HTML元素可以嵌套使用(可以包含其他HTML元素)。
HTML文档由嵌套的HTML元素构成。
HTML文档示例
<html> <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统一采用小写标签。