HTML元素
HTML 元素
一个HTML元素通常包含一个开始标签一个结束,中间插入内容:
例如:
<标签名称>内容...</标签名称>
HTML 元素包含开始标签结束标签和中间的内容。
例如:
<p>我的第一个段落.</p>
开始标签 | 元素内容 | 结束标签 |
---|---|---|
<h1> | 我的第一个标题 | </h1> |
<p> | 我的第一个段落. | </p> |
<br> |
HTML 元素没有内容称为空元素。空元素没有结束标签,例如
<br/>
元素(表示一个换行)
嵌套的HTML元素
HTML 元素是可以嵌套的(元素还能包含元素)
所有的HTML文档由嵌套的HTML元素组成。
这个实例包含四个HTML元素:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>编程字典</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落.</p>
</body>
</html>
<body>
元素定义了文档.
它又一个开始<body>
标签和一个结束 </body>
标签
该元素又包含两个其他HTML元素(<h1>
和 <p>
).
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落.</p>
</body>
<h1>
元素定义了一个 标题 .
它又一个开始标签 <h1>
和一个结束标签 </h1>
.
元素内容是: 我的第一个标题.
<h1>我的第一个标题</h1>
<p>
元素定义了一个段落.
它又一个开始标签 <p>
和一个结束标签 </p>
.
这个元素的内容是: 我的第一个段落.
<p>我的第一个段落.</p>
不要忘记结束标签
一些HTML元素也能显示正确,即使你忘记结束标签:
<!DOCTYPE html>
<html>
<body>
<p>我的第一个标题
<p>我的第一个段落.
</body>
</html>
上面的实例在所有的浏览器中都能工作,因为结束标签被认为是可选的.
永远不要依赖这个。如果你忘了结束标签,它可能会产生意想不到的结果或者错误.
空HTML元素
HTML元素没有内容被称为空元素。
<br>
是一个空元素,它没有结束标签 (<br>
标签定义一个换行).
空元素可以写成这样:<br/>
.
HTML5不需要空元素是关闭的.但是如果你想严格验证,或者如果你需要使文档能让XML解析器很好的解析,你需要关闭所有标签.
使用小写标签
HTML标签不区分大小写: <P>
和<p>
意义相同.
HTML5标准不需要小写标签,但是W3C推荐标签小写,并且像XHTML中小写是严格文档类型。