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

沃梦达教程前端问题

2022-01-01

Self-closing tags (void elements) in HTML5(HTML5 中的自闭合标签(空元素))

本文介绍了HTML5 中的自闭合标签(空元素)的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

HTML5 规范 8.1.2.1 开始标签的第 6 步说 void 元素可能只有一个 / 字符.我认为这样可以更轻松地将 XHTML 网站迁移到 HTML5.

Step 6 of 8.1.2.1 Start tags of the HTML5 spec says that void elements may have a single / character. I think this is so it's easier to migrate sites that are XHTML over to HTML5.

最佳做法是什么?

例如，如果我正在使用 HTML5 (<!DOCTYPE html>) 制作网站，我应该怎么做?

E.g., if I'm making a website with HTML5 (<!DOCTYPE html>), which should I do?

没有斜线

without the slash

<meta http-equiv="content-type" content="text/html; charset=utf-8">

用斜线

with the slash

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

如果两者都在所有浏览器上正确呈现，那么我假设 (1) 没有斜线是可行的方法，因为它更多的是 HTML5.

If both render correctly on all browsers, then I'm assuming (1) without the slash is the way to go since it's more HTML5.

推荐答案

最佳实践没有共识，根据规范作者 Ian Hickson 的说法，这并不重要.

There is no consensus on best practice, and according to the author of the spec, Ian Hickson, it does not matter.

这篇关于HTML5 中的自闭合标签(空元素)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：HTML5 中的自闭合标签(空元素)

上一篇： XML/HTML 标记内的空白

下一篇： jquery html() 去掉脚本标签

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX