HTML5中的正确关闭或自关闭标签[重复]答案

【问题标题】：Properly closing or self-closing tags in HTML5 [duplicate]HTML5中的正确关闭或自关闭标签[重复]
【发布时间】：2014-09-01 11:43:05
【问题描述】：

我有一个关于关闭 自动关闭的 HTML 标签的问题。

哪个更合适？

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

This 文章对我有所帮助。

我使用<!DOCTYPE html> 作为我的文档类型。

【问题讨论】：

标签： html doctype

【解决方案1】：

这完全取决于您的 DOCTYPE：为了符合 XHTML 标准，需要自闭合标签。 HTML4 和 HTML5 不需要自闭合标签。

【讨论】：

我用<!DOCTYPE html>，所以不需要？
这意味着您使用的是 HTML5，因此您不需要自闭合标签。
HTML5 - FROM W3C: Void 元素：area, base, br, col, embed, hr, img, input, keygen, link, meta, param, source, track, wbr "Void 元素只有开始标签；不得为 void 元素指定结束标签。” w3.org/TR/html5/syntax.html#void-elements

【解决方案2】：

在HTML5 中，关闭某些 HTML 标记并不是绝对必要的……（但有些确实如此）

表格w3.org:

8.1.2.1 开始标签
...
...
6) 那么，如果元素是void elements 之一，或者如果元素是foreign element，那么可能有一个“/”（U+002F）字符。此字符对void elements 没有影响，但在foreign element 上它将开始标记标记为自闭合。

【讨论】：

【解决方案3】：

我认为这在一定程度上是个人偏好，因为它们都返回相同的结果 [在 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 标记验证器可能会对此感到震惊。