Questions tagged «semantic-markup»

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 3年前关闭。 我调查了Facebook的来源，他们使用<i>标签显示图标。 另外，今天我调查了Twitter的Bootstrap。它还使用<i>标签显示图标。 但， 根据HTML5规范： I元素代表替代语音或语气中的文本范围，或以其他方式偏离正常散文，例如分类名称，技术术语，另一种语言的惯用语，思想，船名或其他散文，其典型的印刷形式以斜体显示。 他们为什么使用<i>标签显示图标？ 这不是一个坏习惯吗？ 还是我在这里想念什么？ 我一直span在显示图标，到目前为止，它似乎一直对我有用。 更新： Bootstrap 3现在span用于图标。官方文件

571 html  semantic-markup 

我的网站将有一些内联代码（“使用foo()函数时...”）和一些代码段。这些通常是XML，并且行很长，我希望浏览器将它们包装起来（即，我不想使用<pre>）。我还想将CSS格式放在块片段上。 似乎我不能同时使用<code>两者，因为如果将CSS块属性（带有display: block;）放在上面，它将破坏内联代码段。 我很好奇人们在做什么。使用<code>的块，<samp>内联？使用<code><blockquote>还是类似的东西？ 我想使实际的HTML尽可能简单，避免使用类，因为其他用户将维护它。

335 html  semantic-markup 

input type="submit"和button标签可以互换吗？或者，如果有什么区别，那么何时使用input type="submit"和何时使用button？ 如果没有区别，那么为什么我们有2个用于相同目的的标签？

233 html  accessibility  w3c  web-standards  semantic-markup 

什么是使文本变为斜体的正确方法？我已经看到以下四种方法： <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>。但是，它的支持者大声疾呼，如果您说想要大胆的话，以后更改所有斜体文本要容易得多。事实并非如此，因为那时我将剩下一个称为“斜体”的类，该类使文本变为粗体。此外，目前尚不清楚为什么我要更改我网站上的所有斜体文本，或者至少我们可以想到这种情况是不希望或没有必要的。 <span class="footnote"> 这将CSS类用于语义。到目前为止，这似乎是最好的方法，但实际上存在两个问题。 并非所有文本都有足够的含义来保证语义标记。例如，页面底部的斜体文本真的是脚注吗？还是放在一边？或完全其他的东西。也许它没有特殊的含义，只需要用斜体将其表示形式与前面的文本分开即可。 如果没有足够的强度，语义可能会发生变化。可以说，我跟着“脚注”是基于页面底部的文字。如果几个月后我想在底部添加更多文本，会发生什么？它不再是脚注。我们该如何选择一个语义类，该语义类的通用性要小于<em>但避免了这些问题？ 摘要 似乎在许多情况下，对语义的要求似乎过于繁重，在这些情况下，使斜体字的意图并不意味着带有语义。 此外，将样式从结构中分离出来的愿望导致CSS被吹捧为<i>在某些情况下实际上用处不大的替代品。因此，这让我留下了谦卑的<i>标签，并且想知道这种思路是否是将其保留在HTML5规范中的原因？ 是否有关于此主题的好的博客文章或文章？可能是由那些决定保留/创建<i>标签的人员参与的？

202 html  css  semantic-markup 

我一直在使用Twitter Bootstrap构建网站，其许多功能取决于将内容包装在中<a>，即使它们只是执行Javascript也是如此。我在href="#"Bootstrap文档所建议的策略上遇到了问题，因此我试图寻找其他解决方案。 但是后来我尝试完全删除该href属性。我一直在使用<a class='bunch of classes' data-whatever='data'>，并让Javascript处理其余部分。而且有效。 但是有件事告诉我我不应该这样做。对？我的意思是，从技术上讲，<a>它应该是某事的链接，但是我不确定是为什么这是一个问题。还是？

152 html  anchor  semantic-markup  htmlbutton 

似乎我在某处听到/读到了a的<div>内部禁忌<td>。并不是说它不起作用，只是基于它们的显示类型，关于它们的兼容性不佳。找不到任何证据来支持我的预感，所以我可能完全错了。

143 html  html-table  semantic-markup  web-standards 

我想嵌套span和a标记。我是不是该 放在<span>里面<a> 放在<a>里面<span> 没关系吗

109 html  css  semantic-markup 

都不应该都删除吗？还是说我们应该使用<small>？为什么是<big>删除但<small>不删除？什么<big>不适用于哪些问题<small>？ http://www.w3schools.com/html5/html5_reference.asp

99 css  xhtml  web-standards  semantic-markup  html 

例如博客文章或文章。 <article> <h1>header<h1> <time>09-02-2011</time> <author>John</author> My article.... </article> 该author标签虽然不存在...但是作者常用的HTML5标签是什么？谢谢。 （如果没有，应该不应该有一个？）

97 html  tags  blogs  semantic-markup 

嗨，自从我问了一个问题已经有一段时间了，这已经困扰了我一段时间了，问题本身就出现在标题中： 编写具有垂直标题的HTML表的首选方式是什么？ 垂直标题是指表格<th>的左侧（通常是）标题（） 标头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>标签丢失，而且也没有办法，包括他们没有打破巧妙地将元素放在一起，这使我进入了第二个选择。 第二种选择 <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 …

95 html  css  datatable  semantic-markup 

我只是想知道您在想FORM标签内的DIV标签吗？ 我需要这样的东西： <form> <input type="text"/> <div> some </div> <div> another </div> <input type="text" /> </form> DIV在内部使用是一般惯例，FORM还是我需要其他东西？

86 html  semantic-markup 

为HTML列表提供语义标题的正确方法是什么？例如，以下列表具有“标题” /“标题”。 水果 苹果 梨 橙子 应该如何处理“水果”一词，使其在语义上与列表本身相关联？

80 html  html-lists  semantic-markup 

以下哪种是构造页面的正确方法： 1）h1仅在header <header> <h1>Site title</h1> <nav>...</nav> </header> <section> <h2>Page title</h2> </section> 如果我h1仅将内部header用作网站的标题，则每个页面的h1标签内容都相同。这似乎并不十分有用。 2）h1在header和中section，用于网站和页面标题 <header> <h1>Site title</h1> <nav>...</nav> </header> <section> <h1>Page title</h1> </section> 我还看到了h1在header和section标签中多次使用的示例。但是，在同一页面上具有两个标题不是错吗？此示例显示了多个标头和h1标签http://orderedlist.com/resources/html-css/structural-tags-in-html5/ 3）h1仅在中section，强调页面标题 <header> <p>Site title</p> <nav>...</nav> </header> <section> <h1>Page title</h1> </section> 最后，W3似乎建议h1在主要section元素内使用，这是否意味着我不应该在header元素内使用它？ 各节可以包含任何级别的标题，但是强烈建议作者仅使用h1元素，或者对该节的嵌套级别使用适当级别的元素。

78 html  seo  semantics  semantic-markup 

这是我一段时间以来一直在苦苦挣扎的问题。标记名称/值对的正确方法是什么？ 我喜欢<dl>元素，但这带来了一个问题：无法将一对对分开-它们没有唯一的容器。在视觉上，代码缺乏定义。不过从语义上来说，我认为这是正确的标记。 <dl> <dt>Name</dt> <dd>Value</dd> <dt>Name</dt> <dd>Value</dd> </dl> 在上面的代码中，很难在代码和渲染上都在视觉上正确地偏移对。例如，如果我想在每对之间都设置边框，那将是一个问题。 我们可以指向表格。可以说名称-值对是表格数据。这对我来说似乎是不正确的，但我明白了。但是，HTML不会将名称与值区别开来，除非在位置或添加了类名。 <table> <tr> <td>Name</td> <td>Value</td> </tr> <tr> <td>Name</td> <td>Value</td> </tr> </table> 从代码和CSS的视觉角度来看，这更有意义。设置上述边框的样式很简单。但是，如上所述，语义充其量是模糊的。 有想法，评论，问题吗？ 编辑/更新 也许这是我应该在结构上明确提及的内容，但是定义列表也存在不对语义进行分组的问题。add和a之间的有序和隐式边界dt很容易理解，但对我来说它们仍然有些许不适。

76 html  css  semantic-web  semantic-markup  semantics 

在网站的页脚中包含版权声明的最佳和最语义的标记/方法是什么？

76 html  semantic-markup