我尝试过检查其他答案,但我仍然感到困惑——尤其是在看到W3schools HTML5参考之后。

我认为HTML4.01应该“允许”单个标记仅为<img>和<br>。然后XHTML与<img/>和<br/>一起出现(有人说旧版浏览器的空间很大)。

现在我想知道在练习HTML5时应该如何格式化代码。

是<br>、<br/>还是<br/>?


当前回答

<br>和<br/>呈现不同。一些浏览器将<br/>解释为<br></br>并插入两个换行符

其他回答

简单<br>就足够了。

其他形式是为了与XHTML兼容;以使编写与XHTML相同的代码成为可能,并使其作为HTML工作。一些生成HTML的系统可能基于XML生成器,因此无法仅输出一个简单的<br>标记;如果您正在使用这样的系统,可以使用<br/>,如果您不需要这样做,则不必使用。

然而,很少有人真正使用XHTML。您需要将内容作为application/xhtml+xml提供,以便将其解释为xhtml,而这在旧版本的IE中不起作用-这也意味着您犯的任何小错误都将阻止页面在支持xhtml的浏览器中显示。因此,web上看起来像XHTML的大部分内容实际上都是作为HTML提供和解释的。有关更多信息,请参阅将XHTML作为text/html提供。

出于以下原因,我建议使用<br/>:

1) 以不同颜色突出显示XML语法的文本和XML编辑器将使用<br/>正确突出显示,但如果使用<br/

2) <br/>与XHTML向后兼容,格式良好的HTML(即XHTML)通常更容易验证错误和调试

3) 一些旧的解析器和一些编码规范要求在结束斜杠之前有空格(即:<br/>而不是<br/>),例如WordPress插件编码规范:http://make.wordpress.org/core/handbook/coding-standards/html/

根据我的经验,我从未遇到过使用<br/>有问题的情况,但是,在许多情况下,<br/>或特别是<br/>在旧浏览器和工具中可能有问题。

<br>是足够的,但根据WHATWG和W3C,XHTML<br/>是首选。

引用HTML 5.2 W3C建议第8.1.2.1节,2017年12月14日

开始标记必须具有以下格式:…在属性之后,或者如果没有属性,则在标记名称之后,可以有一个或多个空格字符。(某些属性后面需要加空格。请参见下面的§8.1.2.3属性。)然后,如果该元素是void元素之一,或者该元素是外来元素,则可能只有一个U+002F SOLIDUS字符(/)。此字符对void元素没有影响,但对外来元素,它将开始标记标记为自动关闭。

如果使用Dreamweaver CS6,则它将自动完成为<br/>。

要在W3C上验证HTML文件,请参阅:http://validator.w3.org/

根据规范,HTML 5的预期格式是<br>,但允许使用右斜杠。

如果您在常规网站上输出HTML,则可以使用<br>或<br/>,这两种方法在您以text/HTML形式提供HTML5时都有效。如果您将HTML5作为XHTML提供(即内容类型application/XHTML+xml,带有xml声明),则必须使用一个自关闭标记,如:<br/>。如果你不这样做,一些浏览器可能会断然拒绝呈现你的页面(特别是Firefox对于只呈现有效的xhtml+xml页面非常严格)。如1所述<br/>对于HTML5也是有效的,HTML5恰好生成为XML,但作为没有XML声明的常规文本/html(例如从生成网页的XSL转换或类似的内容)。

为了消除混淆:在HTML5中不需要在斜杠前加空格,这对页面的呈现方式没有任何影响(如果有人能举出一个例子,我会收回这一点,但我不相信这是真的-但IE确实对所有形式的<br>标记做了很多其他奇怪的事情)。

优秀的验证器http://validator.w3.org对于检查有效内容非常有用(尽管我不确定您是否可以依靠它来检查内容类型)。