修改主题通过W3C的html5认证

2013.09.23 杂谈 18212 人浏览 8 条留言

无聊测了下w3c的html5认证,才发现 本站主题里面的格式是不符合html标准的,如下所示

  1. <ul>  
  2.     <h2>标题</h2>  
  3.     <li>1111111111</li>  
  4.     <li>22222222222222</li>  
  5.     <li>33333333333333</li>  
  6.     <li>44444444444444</li>  
  7. </ul>  

在w3c中验证的结果如下

Element h2 not allowed as child of element ul in this context.

Content model for element ul:Zero or more li and script-supporting elements.

意思就是h2标签不能作为子结构(好吧这个该怎么翻译呢)放在ul下面

那就按照规矩改成正确的吧

  1. <div>  
  2.     <h2>标题</h2>  
  3.     <ul>  
  4.         <li>1111111111111</li>  
  5.         <li>2222222222222</li>  
  6.         <li>33333333333333</li>  
  7.         <li>44444444444444</li>  
  8.     </ul>  
  9. </div>  

当然要在外面加个div让css更好定义

这样一来本站就通过了w3c的html5的验证了,至于其中的一个warning,里面居然没有指出是哪个地方,算了,跳过。

其实我的主题的html5完全就是个摆设,只是结构用上罢了... 无视之

至于w3c的css认证,之前还一直纠结这个,现在不管了,通过了认证后,网站很多效果就没了,为了美观,无视吧。

文章地址:https://huilang.me/modify-the-theme-through-the-w3c-html5-certification/

“修改主题通过W3C的html5认证” 有 8 条评论

  1. kn007说道:

    其实就是规范书写

  2. tiandi说道:

    不做主题,倒真没注意到这些。不过ul下面用h2,是有点奇怪了。

  3. Aivier说道:

    w3c检查太纠结了,我自己写的简单的网页是通过了

  4. 那时年少说道:

    ul下面用img也不行,纠结

回复本文

电子邮件地址不会被公开。 必填项已用*标注

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif