HTML5中的自闭标签(空元素)

时间:2011-01-14 17:23:23

标签: html5 tags element

HTML5规范的 8.1.2.1开始标记的第6步说void elements可能只有一个/个字符。我认为这样可以更容易地将XHTML的网站迁移到HTML5。

最佳做法是什么?

例如,如果我正在制作一个包含HTML5(<!DOCTYPE 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. 如果两者在所有浏览器上都正确呈现,那么我假设(1)没有斜线是要走的路,因为它更像是HTML5。

5 个答案:

答案 0 :(得分:21)

关于最佳实践没有达成共识,根据规范的作者Ian Hickson,没关系。

答案 1 :(得分:16)

主要取决于你是否想要使用XML路由。两者都应该正确呈现,因为HTML5规范不需要自动关闭标记 - 它们唯一的原因是文档是有效的XML。

更简单的方法是在没有自动关闭“/”的情况下编写然后,除非特别需要将标记解析为XML - 在这种情况下您还需要

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >

答案 2 :(得分:15)

使用斜杠关闭标记是一种更明确的方式,表示它不具有结束标记。

答案 3 :(得分:12)

Google建议style guide不要关闭无效元素

  

HTML5(HTML语法)是所有HTML文档的首选...尽管HTML很好,但不要关闭void元素

就个人而言,我已经习惯用斜杠关闭标签,并发现/>帮助我识别标签没有结束标签。

答案 4 :(得分:4)

本文解释了两个版本之间的区别:http://www.colorglare.com/2014/02/03/to-close-or-not-to-close.html

两个版本完全相同。

  

实际上,有人可能认为将“/”添加到void标记是一种被忽略的语法错误。