HTML元素

什么是HTML元素?

喜欢这个问题 | 分享 | 新建回答

回答

jerkzhang

Apr 15, 2020
0 赞

以下关于HTML元素的介绍来自于专否HTML教程-HTML元素:

HTML元素通常由一个的开始标签结束标签构成。

<标签名> 内容 </标签名>

如下例所示,<p>开始标签</p>结束标签专否 则是元素的内容

<h1>H1标题</h1>
<p>专否</p>
<br>

开始标签  |  元素内容  | 结束标签
<h1>        |  H1标题      | </h1>
<p>          |  专否          | </p>
<br>         |                   |

有些元素是没有元素内容的,这类叫做空元素;空元素只有开始标签,没有结束标签;<br>就是属于这类空元素。(备注:<br>是用来表示断行。)

HTML元素的嵌套

大多数的HTML元素是可以嵌套的,换言之,即是元素内包含其他元素。正如下例所示,段落元素内包含了一个加粗的元素。
HTML文档即是由嵌套的HTML元素构成。

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

运行一下




HTML文档实例

<html>

<body>
<p>这是一个段落。</p>
</body>

</html>

运行一下


HTML 文档实例解析
上述HTML文档包含了3个元素

<p>元素:

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

<body>元素:

<body>
<p>这是一个段落。</p>
</body>

<html>元素:

<html>

<body>
<p>这是一个段落。</p>
</body>

</html>



不要忘了结束标签

对于大部分HTML元素,千万别忘了结束标签;虽然有时忘了结束标签的情况下浏览器也会正确显示,但是这并不可靠;总之,对于大部分需要有结束标签的元素,一定别忘了!

<p>这是一个错误的示例
<p>千万别忘了结束标签



HTML空元素

没有内容的HTML元素就是空元素。<br>就是没有关闭标签的空元素。

很久以前的w3c组织推荐尽量使用<br />来代替<br>,当时是考虑到XHTML、XML以及未来的HTML版本中所有的元素都必须关闭。但是时移世易,上面的这种说法已经过时了,XHTML不代表未来,而之前所谓的未来版本的HTML版本,就是今天的HTML5,因为XHTML的失败,所以HTML5并非是基于XHTML这个方向发展而来的;至于XML其用武之地正在逐步被JSON所逐步蚕食,而且XML与HTML本身的定位并不相同,更谈不上影响HTML开发中尽量使用<br />。总之,不需要考虑所谓的那些理由,这里肯定是更加推荐使用<br>,原因只有一点,写起来方便。



推荐使用小写标签

HTML标签对大小写并不敏感,<H1>等价于<h1>。但是推荐使用小写标签。