在HTML5中正确关闭或自动关闭标签

5
我有一个与关闭自闭合标签相关的问题。
哪种方式更为正确?
1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

此外,如果有人对这个<meta>标签有更好的替代方案,例如:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
OR
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
这篇文章 在某种程度上帮助了我。
我使用 <!DOCTYPE html> 作为文档类型。
3个回答

5

这完全取决于您的DOCTYPE类型:为了符合XHTML标准,需要使用自闭合标签。HTML4和HTML5不需要使用自闭合标签。


我使用 <!DOCTYPE html>,所以我不需要吗? - user3818963
这意味着您正在使用HTML5,因此您不需要自闭合标签。 - wiesion
HTML5 - 来自W3C:空元素:area,base,br,col,embed,hr,img,input,keygen,link,meta,param,source,track,wbr“空元素只有开始标签;不得为空元素指定结束标记。”http://www.w3.org/TR/html5/syntax.html#void-elements - Fabio Nolasco

5
在HTML5中,不严格要求关闭某些HTML标签...(但有些需要)
来自w3.org的表单:
引用: 8.1.2.1开始标签 ... ... 6)然后,如果元素是void elements之一,或者元素是foreign element,则可能有一个"/"(U+002F)字符。这个字符对void elements没有影响,但对foreign element它将开始标记标记为自闭合

0

我认为这在某种程度上是个人偏好,因为它们都会返回相同的结果[在HTML 4/5中]。然而,我看到最常用的是#3,所以我已经习惯了这种方式。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<img src="http://images.wisegeek.com/young-calico-cat.jpg" alt="Smiley face" height="42" />

W3C HTML5标记验证器可能会对此感到不安。 - SeinopSys

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接