H1中的HTML H3元素

Question

<h1>Hello<h3>World</h3></h1>

如果这是我的html，所有浏览器都会删除h1的h3。如果我看到源

<h1>Hello</h1>
<h3>World</h3>

据我所知，h1和h3都是块元素。为什么我不能将块元素放在另一个块中。

http://jsfiddle.net/J3dP4/

Answer 1

来自w3.org on the h1 element：

  

允许的内容：

     

短语内容

列出了措辞元素here：

  

a或em或强或小或标记或abbr或dfn或i或b或s或u   或代码或var或samp或kbd或sup或sub或q或引用或span或   bdo或bdi或br或wbr或ins或del或img或embed或object or   iframe或地图或区域或脚本或noscript或ruby或视频或音频   或输入或textarea或选择或按钮或标签或输出或   datalist或keygen或进度或命令或画布或时间或仪表

h3不在其中。

所以不，你不能在h3中添加h1。

Answer 2

<h1>和<h3>都是相同类型的块元素，即标题级别。如果它按照你的意图“工作”会没有区别，结果会是一样的。

从<h1>到<h6>一直发生同样的事情。

Answer 3

这就是为什么你不应该这样做，为什么你不能这样做。

为什么你不应该这样做，请参阅dystroy的答案。

为什么你不能这样做，只是解析规则不允许你。但那只是因为你试图制造一个？元素另一个直接的孩子？儿童。如果它是后代但不是直接的孩子，则解析规则不会阻止你。例如，

<h1>Hello<div><h3>World</h3></div></h1>

Jsfiddle

将将h3元素放在h1元素内的div元素中。但请注意，这种安排仍然无效，您不应该这样做。