首页 > 试题广场 >

下列HTML代码中符合HTML5嵌套规范的是：

[单选题]

<p>
<a href="some link"><p>some text</p></a>
</p>

<button type="submit"><a href="some link">some text</a></button>

<table>
<caption>some title</caption>
<tbody>
<tr>
<th>some text</th>
<td>some text</td>
</tr>
</tbody>
</table>

<dl>
<dt><h1>some title</h1></dt>
<dd>
<p>some text</p>
<p>some text</p>
</dd>
</dl>

查看答案及解析

小🐮客

正确答案：C

A：<p> 元素的父元素不能是 <a> 元素（最后一个 <p> 元素不满足这条件），见 MDN

B: <button> 是行内块元素，可以嵌套行内元素。但是，不推荐嵌套 <a> 元素！！！

在比较多的 UI 库中，都是 <a> 元素嵌套 <button> 元素的。（自己试一下就知道区别了）

C：正确

D：<dl>、<dt>、<dd> 、<h>这些标题标签不推荐嵌套块级元素

细节太多了，具体逐一查看 MDN HTML 列表。

其他学习链接：

https://segmentfault.com/a/1190000009638226

https://segmentfault.com/a/1190000002695791

编辑于 2021-10-08 19:49:37 回复(11)

今天还要学习呀

这题我写错了。找了答案挺久，下面进行分享一下。

A. a标签不可以嵌套块级元素。其实现在说法是

<a>的子元素是transparent(以它的父元素允许的子元素为准)，但不包括交互型元素.

父元素<p>只接受语句型元素。

B button子元素不可以嵌套交互性元素。a属于交互性元素。

D <dt>、<th>不可嵌套<header>、<footer>、区块型元素(sectioning content)、标题型元素(heading content)

附相关学习链接：https://blog.csdn.net/l_x_cser/article/details/104603483

发表于 2020-03-02 00:19:05 回复(0)

每天都要努力呀！

H5将h1-h6设定为了标题型元素（定义一个区块/章节的标题），嵌套规范设定了<dl><dt>，不可嵌套<header>，<footer>，区块型元素（定义标题及页脚范围的元素，<article>,<aside>,<nav>,<section>），标题型元素。</section></nav></aside></article></footer></header></dt></dl>

发表于 2019-08-15 23:12:55 回复(1)