WordPress单篇文章作者VCard的W3C验证错误如何解决？

首先，问题出在你用了自定义的<Admin>标签——W3C验证工具只认可标准HTML元素，自定义标签不在官方规范里，所以会抛出"Element admin not allowed"的错误。咱们只需要把这个自定义标签换成标准的HTML元素，同时保留所有必要的属性和微格式结构就行。

修改后的代码 #

<span class="vcard author">
  <span class="fn"> Written by: <span rel="author"><?php the_author() ?></span> </span>
</span>

为什么这么改？ #

• 把自定义的<Admin>换成了通用行内元素<span>，这是HTML标准允许的，能顺利通过W3C验证。
• 保留了rel="author"属性，这个属性是给搜索引擎识别作者身份用的，功能完全不受影响。
• 原有的vcard和fn类完全保留，确保VCard微格式的结构正确，不会破坏你原本的样式和语义。

如果你想让这段文字更有语义，也可以用<cite>标签代替<span>（<cite>本来就用来标注创作者/作者），代码如下：

<span class="vcard author">
  <span class="fn"> Written by: <cite rel="author"><?php the_author() ?></cite> </span>
</span>

两种写法都能通过W3C验证，选你觉得更符合语义需求的就行~

内容的提问来源于stack exchange，提问作者Umair