html - 在 php 中使用 标签

Question

我正在使用 WordPress 4.1.2

我有一段 php 可以在小图片的左侧显示标签列表:

<p align="right"><?php
the_tags( '&#160; ', ' • ', '<a href="https://www.lawlessfrench.com/faq/lessons-by-level/"><img src="https://www.lawlessfrench.com/graphics/icon-files.png" alt="Lawless French Files" width="20" height="30" align="right" hspace="10" border="0"></a>' );
?></p>

我想用 sprite 替换 img:

<div id="icon-files" style="float:right; height:30px; width:20px margin:10px" alt="Lawless French Files"></div>

所以这是我正在使用的代码:

<?php the_tags( '&#160; ', ' • ', '<a href="https://www.lawlessfrench.com/faq/lessons-by-level/"><div id="icon-files" style="float:right; height:30px; width:20px margin:10px" alt="Lawless French Files"></div></a>' ); ?>

但它不起作用 - 图像向下移动到下一行，而不是停留在标签的右侧。

在 php 中使用 div 标签有什么技巧吗？您可以在 https://www.lawlessfrench.com 看到它的运行情况。

Answer 1

将此复制粘贴到您的网址中:

view-source:https://www.lawlessfrench.com/

代码源不错:

 <a href ...><div ...></div></a>

当您删除 <p> 时周围的标签是有效的。

<div>在 <p> 中标记标签无法正常工作。

在这里查看:

Why <p> tag can't contain <div> tag inside it?

This is consistent with http://www.w3.org/TR/html401/struct/text.html#h-9.3.1, >which says that the P element "cannot contain block-level elements (including P >itself)."

和:

the opening <div> tag will automatically close the <p> element.

只需删除 <p>标签。

或使用 <span>标记而不是 <div>标签。