我查看了Facebook的来源,他们使用<i>标签来显示图标.

此外,今天我查看了Twitter的Bootstrap.它还使用<i>标签来显示图标.

但,

来自HTML5规范:

I元素表示一个替代语音或心情的文本范围,或以其他方式偏离正常散文,例如分类标识,技术术语,来自另一种语言的惯用短语,思想,船名或其他散文的典型排版呈现斜体.

他们为什么使用<i>标签来显示图标？

这不是一个坏习惯吗？

或者我在这里遗漏了什么？

我正在使用span显示图标,它似乎对我有用,直到现在.

更新:

Bootstrap 3现在span用于图标.官方文件

我的网站将有一些内联代码("当使用foo()函数..."时)和一些块代码段.这些往往是XML,并且有很长的行,我更喜欢浏览器包装(即,我不想使用<pre>).我还想在块片段上放置CSS格式.

似乎我不能同时使用<code>它们,因为如果我把CSS块属性放在它上面(带display: block;),它将打破内联片段.

我很好奇人们在做什么.使用<code>的块,<samp>内联？使用<code><blockquote>或类似的东西？

我想保持实际的HTML尽可能简单,避免类,因为其他用户将维护它.

input type="submit"和button标签是可以互换的吗？或者如果有任何差异那么何时使用input type="submit"何时button？

如果没有区别那么为什么我们有2个标签用于相同的目的？

使文本斜体的正确方法是什么？我见过以下四种方法:

<i>Italic Text</i>

<em>Italic Text</em>

<span class="italic">Italic Text</span>

<span class="footnote">Italic Text</span>

<i>

这是"老路".<i>没有语义意义,只传达了使文本斜体的表现效果.据我所知,这显然是错误的,因为这是非语义的.

<em>

这使用语义标记纯粹用于表示目的.它恰好发生<em>在默认情况下以斜体呈现文本,因此经常被那些<i>应该避免但不知道其语义含义的人使用.并非所有斜体文本都是斜体,因为它是强调的.有时,它可能正好相反,如旁注或耳语.

<span class="italic">

这使用CSS类来放置演示文稿.这通常被吹捧为正确的方式,但同样,这对我来说似乎是错误的.这似乎没有传达任何更多的语义含义<i>.但是,它的支持者会哭,如果你想要大胆地改变你所有的斜体文字会更容易.然而事实并非如此,因为我会留下一个名为"italic"的类,它使文本变为粗体.此外,我不清楚为什么我想要改变我网站上的所有斜体文字,或者至少我们可以想到这些不可取或不必要的情况.

<span class="footnote">

这使用CSS类进行语义.到目前为止,这似乎是最好的方式,但它实际上有两个问题.

1. 并非所有文本都具有足以保证语义标记的含义.例如,页面底部的斜体文字真的是一个注脚吗？还是它放在一边？或完全不同的东西.也许它没有特殊的意义,只需要用斜体表示,以便将它与其前面的文本分开.

2. 当语义没有足够的强度时,它就会发生变化.让我说我的"脚注"仅仅基于页面底部的文字.几个月后我想在底部添加更多文字会发生什么？它不再是一个脚注.我们如何选择一个不太通用<em>但又避免这些问题的语义类？

摘要

似乎在许多情况下,语义的要求似乎过于繁琐,在这种情况下,制作斜体的愿望并不意味着具有语义含义.

此外,将风格与结构分开的愿望使得CSS被吹捧为<i>当有时候实际上不那么有用时的替代品.所以这让我回到了简陋的<i>标签,并想知道这一思路是否是它留在HTML5规范中的原因？

是否有关于此主题的任何好的博客文章或文章？也许那些参与决定保留/创建<i>标签的人？

好像我在某个地方听到/读到一个<div>内部<td>是禁止的.并不是说它不起作用,只是基于它们的显示类型它们并不真正兼容.找不到任何证据来支持我的预感,所以我可能完全错了.

我一直在使用Twitter Bootstrap构建一个网站,它的很多功能都依赖于包装内容<a>,即使它们只是要执行Javascript.我对href="#"Bootstrap的文档建议的策略有问题,所以我试图找到一个不同的解决方案.

但后来我尝试完全删除该href属性.我一直在使用<a class='bunch of classes' data-whatever='data'>,并让Javascript处理其余的事情.它有效.

然而有些东西告诉我,我不应该这样做.对？我的意思是,技术上<a>应该是某种东西的链接,但我不完全确定为什么这是一个问题.或者是吗？

我想窝span和a标签.我是不是该

1. 把<span>里面<a>
2. 把<a>里面<span>
3. 没关系？

不应该同时删除？或者它是否意味着我们应该使用<small>？为什么被<big>删除但<small>不是？有什么问题<big>不适用于<small>？

http://www.w3schools.com/html5/html5_reference.asp

大家好,我已经问了一段时间,这一直困扰着我一段时间,问题本身就在标题中:

编写具有垂直标题的HTML表格的首选方法是什么？

通过垂直标题我的意思是该表<th>在左侧(通常)具有header()标记

标题1数据数据数据
标题2数据数据数据
标题3数据数据数据

他们看起来像这样,到目前为止我已经提出了两个选择

第一选择

   
    <table id="vertical-1">
            <caption>First Way</caption>
            <tr>
                <th>Header 1</th>
                <td>data</td><td>data</td><td>data</td>
            </tr>
            <tr>
                <th>Header 2</th>
                <td>data</td><td>data</td><td>data</td>
            </tr>
            <tr>
                <th>Header 2</th>
                <td>data</td><td>data</td><td>data</td>
            </tr>
        </table>
   

这种方式的主要优点是,你必须在头右(实际上左)旁边,它所表示的数据,我不但是喜欢就是<thead>,<tbody>和<tfoot>标签丢失,而且也没有办法,包括他们没有打破nicelly将元素放在一起,这引导我进入第二种选择.

第二选择

   
        <style type="text/css">
            #vertical-2 thead,#vertical-2 tbody{
                display:inline-block;
            }

        </style>
        <table id="vertical-2">
            <caption>Second Way</caption>
            <thead>
                <tr>
                    <th colspan="3">Header 1</th>
                </tr>
                <tr>
                    <th colspan="3">Header 2</th>
                </tr>
                <tr>
                    <th colspan="3">Header 3</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>row 1</td>
                    <td>row 1</td>
                    <td>row 1</td>
                </tr>
                <tr> …

例如博客文章或文章.

<article>
<h1>header<h1>
<time>09-02-2011</time>
<author>John</author>
My article....
</article>

虽然author标签不存在......那么作者常用的HTML5标签是什么？谢谢.

(如果没有,不应该有吗？)