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

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

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

是<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/

其他回答

XML要求所有标记都具有相应的结束标记。因此,对于没有内部内容的标记,有一种特殊的简短语法。

HTML5不是XML,因此不应该提出这样的要求。HTML 4.01也不是。

例如,在HTML5规范中,所有带有br标记的示例都使用<br>语法,而不是<br/>。

UPD实际上,<br/>在HTML5中是允许的。9.1.2.1, 7.

在HTML中的大多数情况下,标记是成对的。但对于换行符,您不需要一对标记。因此,为了表明这一点,HTML使用<br/>格式<br/>是正确的。使用该格式。

<br>标记在HTML中没有结束标记在XHTML中,<br>标记必须正确关闭,如下所示:<br/>

在XML中,每个标记都必须关闭。XHTML是XML的扩展,因此有效的XHTML必须遵循XML的所有规则。因此,即使是空标记(没有子节点的节点)也应该关闭。XML有一种简短的形式,称为空节点的自关闭标记。您可以将<br></br>写成<br/>。因此,在XHTML中使用<br/>。

HTML在这方面非常宽松,没有这样的规则。因此,在HTML中,像<br><hr><meta>等空节点都是不带右正斜杠的。

HTML

<br>
<hr>
<meta name="keywords" content="">
<link rel="canonical" href="http://www.google.com/">

XHTML语言

<br />
<hr />
<meta name="keywords" content="" />
<link rel="canonical" href="http://www.google.com/" />

并非所有标签都可以自动关闭。例如,XHTML DTD不允许使用<script src=“jQuery.min.js”/>这样的标记。

<br>并且<br/>在某些浏览器中呈现方式不同,因此选择其中一种不会损害您的项目,但确实需要大量查找。。替换以影响某些浏览器中的页面呈现,这可能会给您自己带来额外的工作,如果更改对测试浏览器没有影响,甚至会使您感到尴尬,但在客户端的首选浏览器中破坏它。

我更喜欢<br>,因为它是我从Erwise和Netscape Navigator(早期的web浏览器)开始使用的,但没有理由不选择<br>。它可能对某些预处理、可比性等有用。

即使你的选择归结为更喜欢一个而不是另一个,或者你(或者你最喜欢的HTML编辑器,例如Dreamweaver)可能希望你的代码符合xml。这取决于你。

简短的旁注:

不要与br混淆,但除此之外,您还可以考虑在HTML中使用wbr标记:一个分词机会标记,它指定在文本中的何处添加换行符。

进一步阅读,请阅读HTML5规范。

出于以下原因,我建议使用<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/>在旧浏览器和工具中可能有问题。

如果您在常规网站上输出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对于检查有效内容非常有用(尽管我不确定您是否可以依靠它来检查内容类型)。