w3schools网站的HTML教程之HTML元素_html/css_WEB-ITnose
content
所有 HTML 标签都是由开始标签开始,到结束标签结束:
My first HTML paragraph.
开始标签 | 元素内容 | 结束标签 |
---|---|---|
| My First Heading | |
| My first paragraph. | |
| – | – |
有些 HTML 元素是没有结束标签的。
嵌套的 HTML 元素
HTML 元素是允许嵌套的(元素可以包含元素)。
所有的 HTML 文档都是由嵌套的 HTML 元素组成的。
下述的示例包含了 4 个 HTML 元素:
My First Heading
My first paragraph.
HTML 举例说明
元素定义整个 HTML 文档。
它具有一个
开始标签和一个 结束标签。该元素可以包含其他 HTML 元素(
元素)。
My First Heading
My first paragraph.
元素定义文档主体。
它具有一个
开始标签和一个 结束标签。该元素包含另外两个 HTML 元素(
和
)。
My First Heading
My first paragraph.
元素定义一个标题。
它具有一个
开始标签和一个
结束标签。该元素的内容是:My First Heading。
My First Heading
元素定义一个段落。
它具有一个
开始标签和一个
结束标签。该元素的内容是:My first paragraph.。
My first paragraph.
不要忘记结束标签
即使你忘记结束标签,有些 HTML 元素还是会正确显示的:
This is a paragraph
This is a paragraph
由于结束标签是可选的,所以上述示例在所有浏览器都可以正确运行。
虽然这样是可以的,但是如果忘记结束标签,还是可能产生意想不到的结果或者错误。
HTML 空元素
不包含任何内容的 HTML 元素叫做空元素。
就是一个没有结束标签的空元素(
标签定义了换行)。
空元素可以在开始标签中进行闭合,例如:
。
HTML5 中的空元素是不需要像上述一样闭合的。但是如果你想要更严格的验证,或者你需要通过 XML 解析器读取你的 HTML 文档的话,你需要闭合所有 HTML 元素。
有关 HTML 的一些提示:使用小写的标签名
HTML 标签是不区分大小写的:
和
的意思是一样的。
HTML5 的标准并不强制要求使用小写标签名。但 W3C 推荐在 HTML4 中和例如 XHTML 这种严格的文档类型中使用小写标签名。
在 W3Schools 我们都是使用小写的标签名。
本文翻译于《w3schools》网站提供的 HTML 教程。
推荐阅读
-
你所不知的 CSS ::before 和 ::after 伪元素用法_html/css_WEB-ITnose
-
【CSS】body元素的background-image越界_html/css_WEB-ITnose
-
tips 前端 背景与元素的透明和模糊_html/css_WEB-ITnose
-
.net三步配置错误页面,让你的网站远离不和谐的页面_html/css_WEB-ITnose
-
我的网站源代码乱码,却网页显示正常,搜狗浏览器可以打开,火狐ie却不能,求救_html/css_WEB-ITnose
-
html标记中的和元素到底是行内元素还是块级元素?请告知!多谢了!_html/css_WEB-ITnose
-
怎么让超出div宽度的元素横向滚动?_html/css_WEB-ITnose
-
父元素相对定位后,子元素在ie下被覆盖的问题!_html/css_WEB-ITnose
-
在html元素中定义事件时,注意作用域链的不同_html/css_WEB-ITnose
-
box-shadow并不会增加元素的实际占据空间_html/css_WEB-ITnose