HTML 元素

HTML文档是由HTML 元素定义的。

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

开始标签 元素内容 结束标签
<p> This is a paragraph </p>
<a href=“default.html”> This is a link </a>
<br/>

注释: 开始标签通常被称为开放标签(opening tag),结束标签通常被称为闭合标签(closing tag)。

HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容 (empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数HTML 元素可以拥有属性

嵌套的 HTML 元素

大多数的 HTML 元素可以嵌套 (可以包含其他 HTML元素)。
HTML 文档由嵌套的HTML 元素构成。

<html>
    <body>
        <p>This is my first paragraph</p>
    </body>
</html>
  • <html>元素定义了整个HTML文档。这个元素拥有一个开始标签<html>,以及一个结束标签</html>。元素的内容是另一个HTML 元素(body元素)。
  • <body>元素定义了HTML文档的主体,这个元素拥有了一个开始标签<body>,以及一个结束标签</body>。内容元素是另一个HTML元素(p元素)。
  • <p>元素定义了HTML文档中的一个段落。这个元素拥有一个开始标签<p>,以及一个结束标签</p>.元素的内容是:This is my first paragraph。

不要忘记结束标签

即使忘记了使用结束标签,大多数浏览器也会正确地显示HTML:

<p> This is a paragraph
<p> This is a paragraph

大多数浏览器中都没有问题,但是不能够依赖这种写法。忘记使用结束标签会产生不可预料的结果或错误。
注释: 未来的HTML版本不允许省略结束标签。

空的 HTML 元素

没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素(<br>标签定义换行)。
在 XHTML、XML以及未来版本的HTML中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如<br />是关闭空元素的正确方法,HTML、XHTML和XML都接受这种方式。
即使<br> 目前在所有浏览器中都是有效的,但使用<br/> 是更长远的保障。

HTML 提示: 使用小写标签

HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的HTML标签。
W3School 使用的是小写标签,万维网联盟(W3C)在HTML4 中推荐使用小写,而在未来(X)HTML 版本中强制使用小写。

发表评论

邮箱地址不会被公开。 必填项已用*标注