肉渣教程

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>。但是推荐使用小写标签。


HTML 元素

上一节 下一节