相关疑难解决方法(0)

我想创造类似的东西

<menu>
    <lunch>
        <dish>aaa</dish>
        <dish>bbb</dish>
    </lunch>
    <dinner>
        <dish>ccc</dish>
    </dinner>
</menu>

可以在HTML5中完成吗？我知道我可以做到

<ul id="menu">
    <li>
        <ul id="lunch">
            <li class="dish">aaa</li>
            <li class="dish">bbb</li>
        </ul>
    </li>
    <li>
        <ul id="dinner">
            <li class="dish">ccc</li>
        </ul>
    </li>    
</ul>

但它的可读性低得多:(

如果您查看font-awesome的示例,您将看到它们始终使用该i元素.我认为该span元素将是一个更合适的选择,因为该i元素旨在修改"文本范围".,但我想要做的是在页面上放置一个字形,而不是修改现有文本.

您可以认为span元素也用于修改文本范围(因此名称),但W3C定义使其大开 - 只需说明span" 与其他属性一起使用时非常有用 ".

但是,我的问题并不是关注两个标签的语义,而是关注一个标签相对于另一个标签的用户体验含义.在我的测试中,span作品同样如此i.是否有一个优于另一个的具体原因？具体原因的例子包括:

1. 一个元素由可访问性软件(例如,屏幕阅读器)合理地处理,而另一个元素没有.
2. 用户代理支持(例如,一个元素在用户代理之间表现一致,另一个元素不一致).

当在页面上放置一个图标时,它似乎以某种方式覆盖旧的,半弃用的斜体<i>标记以用作特殊图像标记.无论是那个还是它让我觉得<i ...>是一种懒惰的解释<img ...>.

当它需要的是一个样式表时,它是如何工作的,我可以覆盖我自己使用的其他标签吗？

起初这个问题看起来很简单,从我看过的所有现实生活中的例子,都用于显示图标.例如twitter bootstrap图标.

但是,当我在谷歌搜索标签时,w3c学校说的是斜体文字.

我很困惑,如果用于斜体文字,为什么每个人都用它来制作图标？这个标签的正确用法是什么？

我在引导板上定位一个很棒的图标时遇到了问题.我想把这个图标放在面板标题的右侧.但代码不起作用.有人可以帮忙吗？

<div class="panel panel-primary">
    <div class="panel-heading">
        Title
        <i class="fa fa-question-circle text-right"></i>
    </div>
    <div class="panel-body">
        Hello world!
    </div>
</div>

如果您需要预览结果,请点击此处:http://jsfiddle.net/7q7w0n76/

我只是想知道哪一个更好用于在我的链接旁添加自定义图标.

<ul>
    <li><a href=""><i class="home"></i> Home</a></li>
    <li><a href=""><i class="downloads"></i> Downloads</a></li>
</ul>

要么

<ul>
    <li><a href=""><span class="home"></span> Home</a></li>
    <li><a href=""><span class="downloads"></span> Downloads</a></li>
</ul>

谢谢.

我有一个引导选项卡,其中一些有很长的文本,它在选项卡和内容之间创建了丑陋的空间.如何将其他标签设置为与最大标签大小相同？

<div class="tabs">
<ul class="nav nav-tabs nav-justified">
    <li>
        <a href="#" class="text-center">
            <i class="fa fa-wifi"/> Not that long</a>
    </li>
    <li>
        <a href="#" class="text-center">
            <i class="fa fa-map-marker"/> Something really really really long</a>
    </li>
    <li>
        <a href="#" class="text-center">
            <i class="fa fa-map-marker"/> Not that long</a>
    </li>
    <li class="active">
        <a href="#" class="text-center">
            <i class="fa fa-star"/> Not that long</a>
    </li>
</ul>
<div class="tab-content"></div>
</div>

由于我们计划使用 HTML5 和 CSS3 编写我们自己的前端框架，但是与我的团队争论的是是否使用该section标签作为大纲包装，因为W3.org 尚未批准该部分标签。

但是，经过一些辩论，我还没有对section标签的可用性得到正确的结论，希望我能在这里正确地总结这个话题！

感谢致敬

我已经使用Font Awesome一段时间了,我想知道我应该使用哪个标签.

这里说他们喜欢<i>简洁的标签,但使用a <span>在语义上更正确.

我读了和的规范.不幸的是,我找不到差异,它们都具有相同的上下文,可以使用它们.<i><span>

我有一个图标集和CSS代码将图标绑定到一个元素,但我不能让"i"标签与图标集一起工作,而不是用内容填充它.我是否必须为标签添加自定义代码？

我见过Twitter Bootstrap使用"i"标签作为图标.此外,我已经尝试了span标记,但这也不起作用.当我使用"li"或"div"标签时,它可以工作.

我错过了什么？提前致谢!

这并不能正常工作

<i class="icon icon-accessibility"></i>

这有效

<i class="icon icon-accessibility">BLAH</i>

我的CSS的例子

.icon {background: url('/images/icons.png') no-repeat top left;}
.icon-accessibility{ background-position: 0 0; width: 32px; height: 32px; } 

我正在寻找一些帮助,我正在努力解决这个问题.

我通过Nibbler运行我的网站,我正在寻找所有(如果不是大多数)类别的10/10标记.

我真正挣扎的一件事是它出现了<i>我不应该使用的17次Font Awesome 标签.

据我所知,FA文档的正确语法应该是:

<i class="fa fa-check"></i>

关于Nibbler的指导建议:

发现本网站的2页使用标签<i>.人们普遍认为应该避免使用像<i>这样的表示元素.

用语义替代替换所有表示标签的实例.这意味着在可能的情况下,使用语义正确的HTML,然后使用CSS设置样式.

到目前为止它只是一个2页的网站,但如果我继续使用相同的练习,更多的实例将会标记,所以我更愿意在我继续前进之前找到一些修复帮助.

有没有人对此有其他方法的建议？提前致谢.