空元素有哪些html

咳咳,最近感觉自己很big的问题就是不知道HTML里有哪些空元素呢?不会的人其实很多的,好像我老师说她刚开始学前端的时候也不知道呢,听说所谓的空元素就是指那些没有内容的元素啦。那么这些元素到底有哪些呢?下面咱就来一一道来吧。

首先我们来看看常用的空元素,大概是这样子的:

-

-


-

-

-

-

为什么上面这些标签会被称作空元素呢?你看看它们的定义和使用就知道了。

1.
标签


标签用于在HTML文本中创建一个换行。实际上它不是一个标签,而是一个自我封闭的标签。也就是说,你不需要在
结尾处加斜杠,因为它根本就没有结束标签。

2.


标签


标签用于在HTML页面中创建一个水平线。与
标签相似,
标签不需要结束标记,因为它也是一个自我封闭的标签。

3. 标签

标签用于向HTML页面添加图像。它是一个自我封闭的标签,意味着它不需要结束标记。这个标签可以在 src 属性中指定图像文件的路径,也可以使用 alt 属性指定图像的替代文本。这个标签还有一些其他的属性,例如 width 和 height,可以用于指定图像的大小。

4. 标签

标签是HTML表单中广泛使用的元素之一。它可以用来创建各种不同的表单控件,例如文本框、单选按钮、复选框等等。如果你没有设置它的值属性,那么它就是一个空元素。

5. 标签

标签用于在HTML页面中引用外部资源,例如CSS文件和图标。这个标签同样是自我封闭的,因此不需要结束标记。它有一个 rel 属性,用于指定被链接文档的关系类型。

6. 标签

标签用于在HTML文档中包含元数据,例如网页描述、关键词、作者等等。这个标签同样是自我封闭的,而且通常出现在HTML页面的head标签中。

好了,上面六个标签就是HTML中常见的空元素了。

其实如果你稍微了解一下HTML标签属性的话,就会发现就连包含内容的标签,也是可以定义空元素的,就像

这样。包含内容的标签定义为空元素时,它们的所有内容都会被忽略,只有标签本身会被解析。

顺便提一下,你还可以使用HTML5中的另一个空元素 。它的全称是 Word Break Opportunity(单词断点机会),用于指定一个单词断开的位置,以便在自动换行时插入换行符。这个标签也是自我封闭的,不需要结束标记。

好了,今天的内容差不多就到这里啦。虽然说是6个常用的空元素,但它们真的特别实用,在很多时候都能帮你大大简化代码。希望这篇文章能够帮到你。下次再有新问题一定要不断探索,不断实践,才能够成为一位真正的前端大佬哦! 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.37seo.cn/

点赞(39) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部