在i标签内部有一个span标签是否有效?

时间:2018-01-10 06:16:03

标签: html5

<i class='hovicon effect-1 sub-a'>
    <div class='menu__items' style='background-image:url(".$iconURL.");' data-supercategoryid='5'></div>
</i>

在上面的代码中,根据W3C验证,它在根据W3C标准验证网站时出错。

错误如下:

  

div 标记不允许作为元素 i 标记的子元素。

<span>代码中添加<i>代码是否有效?

1 个答案:

答案 0 :(得分:0)

,将<span>标记作为<i>标记的内容是有效的。但是,<div>标记的内容为<i>标记 无效。

请参阅<i>代码here的MDN文档。

  

允许的内容:短语内容。

     

标记省略:无,开始和结束标记都是必需的。

     

允许的父母:任何接受短语内容的元素。

上述MDN文档摘要将<i>标记的允许内容显示为短语内容

请参阅以下Phrasing content文档的相关部分。

  

短语内容定义文本及其包含的标记。短语内容的运行构成段落。

     

属于此类别的元素是<abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <var>, <video>, <wbr>和纯文本(不仅包含空格字符)。

     

其他一些元素属于此类别,但仅在满足特定条件时才会生效:

     
      
  • <a>,如果它只包含措辞内容
  •   
  • <area>,如果它是元素的后代
  •   
  • <del>,如果它只包含措辞内容
  •   
  • <ins>,如果它只包含措辞内容
  •   
  • <link>,如果存在itemprop属性
  •   
  • <map>,如果它只包含措辞内容
  •   
  • <meta>,如果存在itemprop属性
  •