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

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

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

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


当前回答

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

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

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

简短的旁注:

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

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

其他回答

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

如果你对可比性(不是兼容性,而是可比性)感兴趣,那么我会坚持<br/>。

否则,<br>没问题。

XML不允许打开标记,因此它比其他两个标记更糟糕。另外两个与第二个(<br/>)大致相当,以兼容较旧的浏览器。实际上,出于兼容性的考虑,/之前的空格是首选的,但我认为这只适用于具有属性的标记。所以我会说<br/>或<br/>,无论你的审美如何。

综上所述:这三个都是有效的,第一个(<br>)不那么“便携”。

编辑:现在我们都对规格着迷,我认为值得指出的是,根据dev.w3.org:

开始标记包括以下内容零件,完全按照以下顺序:“<”字符。元素的标记名。(可选)一个或多个属性,每个属性必须前面有一个或多个空格字符。(可选)一个或多个空格字符。(可选)“/”字符,仅当元素是空元素。“>”字符。

我认为HTML 5参考草案中的这句话提供了答案:

3.2.2.2空隙元件术语void元素用于指定必须为空的元素。这些要求仅适用于HTML语法。在XHTML中,所有这些元素都被视为普通元素,但必须标记为空元素。这些元素完全禁止包含任何内容。在HTML中,这些元素只有开始标记。可以使用自动关闭标记语法。必须省略结束标记,因为元素由解析器自动关闭。HTML示例:HTML语法中的void元素。XHTML语法中不允许这样做。<小时>例子:使用HTML和XHTML兼容的自动关闭标记语法的void元素。<hr/>XHTML示例:使用带有显式结束标记的仅XHTML语法的void元素。这对于HTML语法中的void元素是不允许的。<hr></hr>

换句话说:

无效的HTML 5:<IMG></IMG>有效的HTML 5:<IMG>,<IMG/>

虽然HTML禁止某些结束标记,但xhtml要求它们:

xhtml:<img>无效有效的xhtml:<img></img>或<img/>

HTML中禁止使用结束标记的其他元素:

Element Valid HTML Valid xhtml
AREA <AREA> <AREA></AREA>
BASE <BASE> <BASE></BASE>
BASEFONT <BASEFONT> <BASEFONT></BASEFONT>
BR <BR> <BR></BR>
COL <COL> <COL></COL>
FRAME <FRAME> <FRAME></FRAME>
HR <HR> <HR></HR>
IMG <IMG> <IMG></IMG>
INPUT <INPUT> <INPUT></INPUT>
ISINDEX <ISINDEX> <ISINDEX></ISINDEX>
LINK <LINK> <LINK></LINK>
META <META> <META></META>
PARAM <PARAM> <PARAM></PARAM>

HTML禁止某些结束标记,而xhtml需要这些标记,这是xhtml的问题。如果您正在编写HTML,请遵循HTML规则。

与此同时,布罗沃斯放弃了执行这些标准,因为每个人都错了。这并不明显:

禁止</BR></P>是可选的需要</SPAN>

然后xhtml出现了,它的XML规则是每个元素都必须有一个结束标记,人们只是认为HTML是一样的。因此,这些标准放弃了,后来进行了修改,向现实伸出了双手。

没有结束标记的元素称为空标记。在html 4和html 5中,结束标记不是必需的,可以省略。

在xhtml中,标记是如此严格。这意味着必须以开始标记开始,以结束标记结束。