有什么区别/更好 -
< 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">
有什么区别/更好 -
< 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">
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 中实现富文本框的方式)并且需要一个结束标记。
/>
是一个自闭合标签。它通常具有指定其特征的属性。这也意味着这没有可能的子元素。
例子:
<input type=button/>
- 在这里我不期待任何子元素
></>
通常允许子元素。
例子:
<span><p>Hello</p></span>
- 这里 span 允许子元素
所以这两者之间没有更好的概念。
/>
用于没有任何子元素的自闭合元素。例子:
<img src='bla.jpg' />
< >
始终应与结束标签一起使用,</ >
例如
<h1>Hello</h1>
/>
是一个自闭合标签。意思是它后面没有结束元素。例如,<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