html关闭空标签

常见的空标签有以下几种示例：

注意，以上代码中的空标签都需要在结尾处添加斜杠“/”来进行关闭。

关闭空标签是为了遵循 HTML 标准，同时也可以提高网页的可读性和可维护性。如果不关闭空标签，可能会导致浏览器解析错误，影响网页的显示效果。

例如，标签是一个空标签，如果不关闭它，可能会导致后面的内容被误认为是该标签的属性，从而影响网页的布局。

以下是一个未关闭空标签的错误示例代码：


html>
<html>
<head>
	<title>未关闭空标签示例title>
head>
<body>
	<div>
		<p>这是一个段落p>
		<img src="example.jpg" alt="示例图片">
		<p>这是另一个段落p>
	div>
body>
html>

在上面的代码中,标签没有被关闭，这可能会导致浏览器在解析时出现错误。

以下为正确代码：


html>
<html>
<head>
	<title>未关闭空标签示例title>
head>
<body>
	<div>
		<p>这是一个段落p>
		<img src="example.jpg" alt="示例图片"/>
		<p>这是另一个段落p>
	div>
body>
html>

在图片标签中添加了一个斜杠，表示该标签是自闭合的，不需要再添加结束标签。

这两段代码的区别在于第一个代码段中的标签没有闭合，而第二个代码段中的标签闭合了。这个区别可能会导致浏览器解析页面时出现问题，因为浏览器可能会尝试自动修复未闭合的标签，但是这种修复可能会导致页面显示不正常。注意：是可能，简单的html代码运行之后看不出有什么区别。

相关阅读:
Oracle/PLSQL: Bin_To_Num Function
《代号：魂之刃2》- 身处黑暗的勇者游戏
使用POI实现基于Excel的考试成绩分析
中英文互译在线翻译-在线翻译软件
Linux部署项目
安全基础 --- nodejs沙箱逃逸
VScode 中 CRLF 和 LF 兼容问题，报错原因及解决方案
后台管理----搜索，重置功能
PDF格式分析（七十八）——文本标记、插入注释（Text Markup、Caret）
为什么列式存储会被广泛用在 OLAP 中？

原文地址：https://blog.csdn.net/m0_62110645/article/details/133781023