为何样式表无法关联XHTML？HTML环境下可正常工作

1. 确认文件扩展名与解析模式 #

XHTML文件必须使用.xhtml扩展名，不能用.html——后者会让浏览器以HTML宽松模式解析，而XHTML严格模式下对语法和资源关联的校验更苛刻。同时确保文件被识别为application/xhtml+xml类型，而非HTML的text/html。

2. 校验标签的XHTML语法 #

XHTML要求标签严格闭合、属性值必须用双引号包裹，你的代码里标签写法是对的，但要确认：

<link rel="stylesheet" type="text/css" href="stylesheet.css" />

标签末尾的/>没有多余空格或拼写错误，属性名称和值完全符合规范。

3. 检查路径大小写与匹配度 #

XHTML严格模式下（尤其是通过服务器访问时）对文件路径大小写敏感，HTML则通常不敏感：

• 确认样式表文件名是stylesheet.css，没有大小写变体（比如Stylesheet.css）
• 若XHTML和CSS在同一目录，确保href值没有多余路径前缀；不在同一目录时，路径层级要完全准确

4. 修正XHTML头部的MIME类型声明 #

你的<meta>标签用了HTML的text/html类型，这会和XHTML的解析模式冲突，建议修改为：

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

5. 排查XHTML整体语法错误 #

XHTML对语法容错率极低，哪怕一个未闭合的标签、缺失的属性引号，都会让浏览器进入错误恢复模式，忽略样式表关联：

• 检查所有标签是否正确闭合（比如你的<li>标签都闭合了，这点没问题）
• 确认<html>标签的xmlns属性值http://www.w3.org/1999/xhtml完全正确

6. 用浏览器控制台排查加载问题 #

打开浏览器开发者工具（F12）的网络面板，刷新页面后查看stylesheet.css的加载状态：

• 若显示404，说明路径错误，调整href值
• 若显示加载成功但样式不生效，检查CSS文件本身是否有语法错误（比如未闭合的大括号、无效属性值）

内容的提问来源于stack exchange，提问作者Chane labuschagne