Question

有什么区别/更好 -

< Some Code /> eg- <meta charset="UTF-8" />, <link href="style.css" type="text/css"/>

＆安培;

< Some Code > eg- <meta charset="UTF-8">, <link href="style.css" type="text/css">

Answer 1

HTML不是XML（XHTML除外），因此两者都等同于大多数浏览器。

从XML的角度来看，/>是一个自我结束标记。这是一个简短的手。

<img src="..." />
<input type="text" />
<textarea>
</textarea>

这些都是语义正确且XML有效。如果你从img和输入中删除了结尾，HTML通常会验证（虽然不再推荐）。

<img src="..." >
<input type="text" >
<textarea>
</textarea>

这在语义上与HTML相同，但不再是XML有效。

修改：要部分解决以下textarea的评论，input和img是永远不会包含子元素的标记。这些在语法上对它们无效。这就是为什么关于它们是否正确关闭并不重要（关于HTML验证）。他们从不包装儿童，因为浏览器没有寻找结束标签。相反，textarea确实能够拥有子HTML（这就是在HTML中实现富文本框的方式），并且需要一个结束标记。

Answer 2

/>是一个自我结束标记。通常会有属性来指定其特征。而且这也意味着没有可能的子元素。

示例：

<input type=button/> - 这里我不期待任何子元素

></>通常允许使用子元素。

示例：

Hello - 此处span允许子元素

所以这两者之间没有更好的概念。

Answer 3

/>用于没有任何子元素的自闭元素。例如：

<img src='bla.jpg' />

< >始终应与结束标记</ >一起使用，例如

<h1>Hello</h1>

Answer 4

/>是一个自我结束标记。意思是它后面没有关闭元素。例如，<a href="#"></a>与<img src="#" />相比较。您需要知道哪些标签是自动关闭的，哪些不是（您可以快速选择）：http://xahlee.info/js/html5_non-closing_tag.html

在HTML 5中，在自闭标记（ ）上没有结束斜杠是有效的。在xHTML中，您需要使用结束斜杠（ ）：https://stackoverflow.com/a/3558200/703229

/＆gt;之间的差异和＆gt;

4 个答案: