1

有什么区别/更好 -

< 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">
4

4 回答 4

5

HTML 不是 XML(XHTML 除外),因此两者都等同于大多数浏览器。

从 XML 的角度来看,它/>是一个自闭合标签。这是一个短手。

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

这些在语义上都是正确的并且 XML 有效。如果您从 img 和 input 中删除了结尾,HTML 通常会验证(尽管不再推荐)。

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

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

编辑:部分解决关于textarea下面的评论,input并且img是从没有子元素的标签。这些在语法上对它们无效。这就是为什么它们是否正确关闭并不重要(关于 HTML 验证)。他们从不包装孩子,因为浏览器不会寻找结束标签。相反textarea,确实有能力拥有子 html(这就是在 HTML 中实现富文本框的方式)并且需要一个结束标记。

于 2013-07-26T21:24:19.977 回答
3

/>是一个自闭合标签。它通常具有指定其特征的属性。这也意味着这没有可能的子元素。

例子:

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

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

例子:

<span><p>Hello</p></span>- 这里 span 允许子元素

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

于 2013-07-26T21:27:12.037 回答
2

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

<img src='bla.jpg' />

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

<h1>Hello</h1>
于 2013-07-26T21:23:57.597 回答
2

/>是一个自闭合标签。意思是它后面没有结束元素。例如,<a href="#"></a><img src="#" />. 你需要知道哪些标签是自动关闭的,哪些不是(你会很快学会):http: //xahlee.info/js/html5_non-closing_tag.html

<br>在 HTML 5 中,在自闭合标签 ( )上没有闭合斜线是有效的。在 xHTML 中,您需要有右斜杠 ( <br />):https ://stackoverflow.com/a/3558200/703229

于 2013-07-26T21:24:02.967 回答