Html h1和跨度

在html中使用h1-h6标记时，我不断在w3c验证程序上收到错误消息。我是新手，我已经尝试了很多次来解决这个问题，但是我做不到

文本在我的网站上看起来很好，但无法验证。我如何解决这个问题？错误消息如下所示

第34行第4列：文档类型 此处不允许元素“h1”；丢失的 “对象”、“小程序”、“映射”之一， “iframe”、“button”、“ins”、“del” 起始标签

---

我的网站

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

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

我的网站

应该是

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

我的网站

不能将一个元素与另一个元素一起吐出

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

我的网站

应该是这个吗

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

我的网站

• 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的目的

---

（请注意，上面对块和内联元素的讨论有些简化。请参阅完整内容，特别是内容模型部分）

您的元素嵌套不正确

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

如果

类似于

{}

并且

类似于

[]

，那么

 { [ My website } ]

如您所见，括号已关闭

你想要

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

我的网站

你试着写这个吗

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

我的网站

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

此处显示粗体文本，此处显示普通文本
<h1 style="display:inline;">Bold text goes here</h1> <h2 style="display:inline;">normal text goes here</h2>

---

如果您查看内联H1标记，请使用上面的方法

将html放入编辑器上的代码标记，{}类似按钮。问题标题听起来像是面向极客的情景喜剧的标题。标题需要更清晰，并且以问题的形式。呃，您的意思是内联元素不能包含“块元素”？我非常确定内联可以包含内联，或者我已经创建了一大堆非验证网站！哎呀。思考一件事，打字另一件事。