h1 和跨度答案

【问题标题】：h1 and the spanh1 和跨度
【发布时间】：2010-12-22 19:52:36
【问题描述】：

在我的 html 中使用 h1-h6 标签时，我不断收到关于 w3c 验证器的错误消息。我是新手，我已经尝试了很多次来解决这个问题，但我不能。

文本在我的网站上看起来非常好，但无法验证。我该如何解决这个问题？错误信息如下；

第 34 行，第 4 列：文档类型此处不允许元素“h1”；失踪 “对象”、“小程序”、“地图”之一， “iframe”、“按钮”、“ins”、“del” 开始标签

<h1><span> My website </h1>< span>

提到的元素是不允许的出现在上下文中你已经放置了它；另一个提到的元素是唯一的两者都允许在那里并且可以包含提到的元素。这可能意味着你需要一个包含元素，或者可能你忘记了关闭前一个元素。

此消息的一个可能原因是您尝试放置块级元素（例如“

" 或 "") 内联元素（例如 ""、"" 或 ""）。

无论如何，使用标题标签的最佳方式是什么？我做错了什么？

【问题讨论】：

把你的html放在代码标签里，{ }就像编辑器上的按钮。
问题标题听起来像极客情景喜剧的标题。
标题需要更清晰，并且是问题的形式。

标签： html tags

【解决方案1】：

span 是一个内联元素
h1 是块元素
内联元素不能包含块元素
元素不能部分被其他元素包含

因此，从DTD的角度来看：

<h1><span>…</span></h1> <!-- This is fine -->
<div><h1>…</h1></div>   <!-- This is fine -->
<h1><span>…</h1></span> <!-- This is wrong -->
<span><h1>…</h1></span> <!-- This is wrong -->

问题的正确解决方案实际上取决于您尝试使用 span 的目的。

（请注意，上面对块和内联元素的讨论有些简化。请参阅How to read the HTML DTD 了解全文，尤其是有关内容模型的部分）

【讨论】：

呃，你的意思是内联元素不能包含“块元素”？我很确定内联可以包含内联，或者我已经制作了一大堆非验证网站！
哎呀。思考一件事，输入另一件事。

【解决方案2】：

您以错误的顺序关闭标签：

<H1><span> My website </h1></span>

应该是

<h1><span>My website</span></h1>

【讨论】：

【解决方案3】：

<h1 style="display:inline;">Bold text goes here</h1> <h2 style="display:inline;">normal text goes here</h2>

如果您查看内联 H1 标签，请使用上述内容

【讨论】：

【解决方案4】：

你不能将一个元素与另一个元素相提并论

< H1>< span> My website < /h1>< /span>

应该是这样的

< H1>< span> My website < /span>< /h1>

【讨论】：

【解决方案5】：

你试过写这个吗？

<h1><span> My website </span></h1>

您应该按照打开标签的顺序关闭标签。

【讨论】：

【解决方案6】：

您的元素没有正确嵌套。

把它们想象成不同类型的括号。

如果<h1></h1> 类似于{} 而<span></span> 类似于[]，那么您有

 { [ My website } ]

如您所见，括号已关闭。

你想要

 <h1><span>My website</span></h1>

【讨论】：