You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

HTML5中空元素的开始与结束标签位置及<img>标签性质问询

关于HTML5空元素的标签疑问解答

嘿,这个问题问得特别到位,刚接触HTML的时候确实很容易对空元素的标签逻辑产生困惑,我来给你理清楚:

首先,HTML5里的空元素(Void Elements),比如<img><br><input>这类,规范里就明确规定了它们没有独立的结束标签。这类元素的设计初衷就是不需要包裹任何文本或子元素,要么是嵌入外部资源(比如<img>加载图片),要么是执行简单的页面操作(比如<br>换行),所以根本不需要结束标签来闭合内容区域。

那对于<img>来说,我们写的<img>(或者兼容XHTML的<img/>写法,HTML5里斜杠是可选的)这个单标签,就同时承担了“开始标签”和“结束标签”的全部功能。你可以理解为:这个标签本身就完成了元素的声明和闭合,不需要再额外写</img>——而且就算你写了,浏览器也会忽略掉这个无效的结束标签。

举个简单对比:非空元素比如<p>,需要<p>这里是段落内容</p>,因为它要包裹内容,所以必须用开始+结束标签来界定内容范围;但空元素没有内容需要包裹,所以单标签就足够了,这是HTML5规范对这类元素的特殊定义。

内容的提问来源于stack exchange,提问作者parsakam

火山引擎 最新活动