XHTML 元素“拧螺丝”清单：多一个空格、少一个杠，都别想过校验

11-22 79 0 0

XHTML 不是“宽松版”HTML，是“质检版”。
元素这块，它只认三条死规矩：

必须闭合；2. 必须小写；3. 必须正确嵌套。
记住这三句，再往下翻——

1. 结构三件套：少一个就崩

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>标题得写，不然校验器红灯</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>
  <body>
    <!-- 可见内容只能呆这里 -->
  </body>
</html>

xmlns 是“户口本”，忘写就直接判黑户
<title> 不可空，这是 W3C 的底线，不是“建议”

2. 文本常用元素：顺口就能溜

元素	一句话记忆	closure 提醒
`<p>…</p>`	段落，上下自带空白	必须成对
`<h1>…</h1>` 到 `<h6>…</h6>`	六级标题，依次变小	必须成对
`<strong>…</strong>`	加粗，语义“重要”	必须成对
`<em>…</em>`	斜体，语义“强调”	必须成对

别再用 <br> 堆段落，W3C 看见会扣分。

3. 列表：两种盒子，一种有序一种无序

<ul>
  <li>无序条目</li>
  <li>还是无序</li>
</ul>

<ol>
  <li>第一步</li>
  <li>第二步</li>
</ol>

-li 必须关在 ul/ol 里，裸跑直接报错-

4. 链接 & 图片：自闭合别忘尾巴杠

<a href="https://example.com ">点我</a>

<img src="logo.png" alt="公司标志" />

href / src 必写引号
alt 是“备胎文字”，图片挂了才出场，空着也算违规

5. 表格：行→头/格，一层套一层

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
  </tr>
</table>

th 与 td 别混用：th=表头(加粗居中)，td=数据
想合并？colspan / rowspan 写数字，但必须算好列数、行数，否则布局直接裂。

6. 自定义元素：能玩，但得守 XML 家规

<data-custom name="coffee" price="9.9">拿铁</data-custom>

标签名只能小写
不能跟标准元素重名
建议加“-”或“data-”前缀，避免未来标准撞车

7. 一段“最简 yet 合法”的 XHTML 模板

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>合格XHTML</title>
</head>
<body>
  <h1>Hello, XHTML!</h1>
  <p>所有标签都已闭合，小写，嵌套正确。</p>
</body>
</html>

复制→保存→扔进 W3C 校验器，绿灯亮起，才算“拧螺丝”成功。

8. 一句话收尾

XHTML 元素没有新魔法，只有铁纪律：
“闭合、小写、嵌套对”——背会后，随便写啥都能一次过检。

快来点个赞吧

编程知识