Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 正在使用<;img>;一个菜单项有错吗?_Html_Css_Cross Browser_Image - Fatal编程技术网

Html 正在使用<;img>;一个菜单项有错吗?

Html 正在使用<;img>;一个菜单项有错吗?,html,css,cross-browser,image,Html,Css,Cross Browser,Image,仪表板 这是菜单的一部分,你认为用UL>LI会更好吗?我想要一个标签下面的图标 试着想一想原因,看这是否糟糕。:) 对菜单项使用是否错误 如果是内容图像(例如图标),则不会 这是菜单的一部分,你认为用UL>LI会更好吗 菜单通常是链接列表,使用和是合适的。但这不会阻止您使用 仪表板 不过,图像的文本描述可能不应该有自己的段落。如果我想强制换行,我会在图像上设置display:block,并将文本放在中,这样整个内容都可以点击。我当然不会用换行符和段落。使用margin作为间距 对菜单项使用是否

仪表板

这是菜单的一部分,你认为用UL>LI会更好吗?我想要一个标签下面的图标

试着想一想原因,看这是否糟糕。:)

对菜单项使用
是否错误

如果是内容图像(例如图标),则不会

这是菜单的一部分,你认为用UL>LI会更好吗

菜单通常是链接列表,使用
  • 是合适的。但这不会阻止您使用

    仪表板

    不过,图像的文本描述可能不应该有自己的段落。如果我想强制换行,我会在图像上设置
    display:block
    ,并将文本放在
    中,这样整个内容都可以点击。我当然不会用换行符和段落。使用
    margin
    作为间距

    对菜单项使用
    是否错误

    如果是内容图像(例如图标),则不会

    这是菜单的一部分,你认为用UL>LI会更好吗

    菜单通常是链接列表,使用
  • 是合适的。但这不会阻止您使用

    仪表板


    不过,图像的文本描述可能不应该有自己的段落。如果我想强制换行,我会在图像上设置
    display:block
    ,并将文本放在
    中,这样整个内容都可以点击。我当然不会用换行符和段落。使用
    边距
    表示间距。

    可能相关:不一定错误但可能不需要的是

    后面的
    。因为它后面跟着一个
    ,所以换行是隐式的,如果您想将
    从图像向下一点,给它一个
    页边空白顶部:
    …您可能遇到的一个问题是,只有图像是链接,而文本不是。如果由于某种原因图像无法加载,用户将无法浏览您的菜单。(一些现代浏览器,如FF5/6,不再显示“损坏的图像”图像,它们只是将图像全部隐藏在一起)可能相关:一些不一定是错误的,但可能不是必需的是

    后面的
    。因为它后面跟着一个
    ,所以换行是隐式的,如果您想将
    从图像向下一点,给它一个
    页边空白顶部:
    …您可能遇到的一个问题是,只有图像是链接,而文本不是。如果由于某种原因图像无法加载,用户将无法浏览您的菜单。(一些现代浏览器,如FF5/6,不再显示“损坏的图像”图像,它们只是一起隐藏图像)
    <div class="dashboard-icon">
            <a href="./structure/">
            <img class="admin-icon" src="<?=inc_path;?>images/icons/home.png" alt="" /></a><br />
            <p>Dashboard</p>
    </div>