HTML5不识别XML空元素/>语法？如何设置XML解析模式？

要让浏览器严格按照XML规则解析文档（解决你遇到的自闭合标签失效、布局混乱问题），核心是触发浏览器的XML解析模式，具体操作如下：

1. 服务器端设置正确的MIME类型 #

这是最可靠的方式，必须在服务器配置或后端响应中设置Content-Type头为：

Content-Type: application/xhtml+xml; charset=utf-8

当浏览器接收到这个MIME类型时，会自动切换到XML解析模式，严格执行XML语法规则：所有自闭合标签（包括<div/>、<p/>）都会被正确识别，未闭合的标签会触发解析错误。

2. 文档本身需满足XHTML规范 #

配合MIME类型设置，文档还需符合XHTML的要求：

• 开头添加完整的XML声明：

  <?xml version="1.0" encoding="utf-8"?>
  

• 根元素<html>必须包含XHTML命名空间：

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

• 所有元素、属性名必须小写，所有属性值必须用引号包裹，可闭合元素必须严格闭合（包括块级元素）。

3. 为什么单独加XML声明无效？ #

浏览器默认根据服务器发送的Content-Type判断解析模式：如果服务器发送的是text/html，即使有XML声明，浏览器仍会以HTML模式解析——此时XML声明会被当作无关的处理指令忽略，HTML的容错规则（忽略自闭合符号、允许未闭合标签）会生效，就会出现你遇到的<div/>被当作未闭合标签、<p>嵌套进去的问题。

替代方案（无法修改服务器时） #

如果没法调整服务器配置，可以将文件扩展名改为.xhtml或.xml，大多数浏览器打开这类本地文件时，会自动采用XML模式解析。

注意：XML模式是严格解析，任何语法错误（比如未闭合标签、属性未加引号）都会导致浏览器直接显示解析错误页面，不会像HTML模式那样容错渲染。

内容的提问来源于stack exchange，提问作者Gunther Schadow