Tag: 语义标记

使用自定义HTML标签

在我的html，我很好奇，如果它是使用独特的标识符，如<toys> </toys>来保存图像，而不是<h2>在语义上是正确的。 例如： 是否最好有： <toys class="grid_4 push_2">&nbsp</toys> 与CSS： toys { background: url("toys.png") no-repeat scroll 0 0 transparent; width: 181px; height: 93px; margin-top: -8px; } 而不是：我目前有： <h1 class="grid_4 push_2">&nbsp</h1> 与CSS： h1 { background: url("toys.png") no-repeat scroll 0 0 transparent; width: 181px; height: 93px; margin-top: -8px; } 是否使用像<toys>这样的唯一标识符在语义上是正确的？

盲目地使用<strong>代替<b>可以吗？

注意：我知道<b>是表示性的， <span style="font-weight:bold>是更好的方法， <strong>和<em>是强调的，但我的问题不在于此。 我们是否应该盲目地将每个<b>转换为<strong> ？ 许多人这样做，他们认为按照networking标准来看， <b>不是很好，所以在网站重新devise，内容重新填充，新的网站devise和人们向他人提出这个build议时，他们将每个<b>转换为<strong> 。 Dreamweaver也给出了在devise视图中将所有<b>和<i>为<strong>和<em>的代码粘贴的选项，以及我们使用B和I时盲目使用的选项。 替代文字http://shup.com/Shup/280420/1101118332-My-Desktop.png 和Dreamweaver（如果上面的选项被选中），许多在线所见即所得的编辑器在<strong>和<em>输出，而button显示B和I。 替代文字http://shup.com/Shup/280425/1101118921-My-Desktop.png 我认为这是对<strong>和<b>的误解 当我们从客户那里得到内容时，我们不知道客户想要强调什么，他只是想用粗体文本来expression目的。 在这种情况下我们该怎么办？ 没有人有时间来决定每个实例（我们和客户），是否应该是<b>或<strong> ， <i>或<em> 如果我们说我们的网站是可访问的，那么将每个<b>和<i>转换为<strong>和<em>什么优点和缺点？ 更新：记住<b>和<i>不被弃用，它们在HTML 5规范中

HTML5导航元素与angular色=“导航”

以下所有内容都具有相同的语义？ 如果不是，请解释你的答案。 1。 <nav> <ul> <li><a href="#">link</li> <li><a href="#">link</li> <li><a href="#">link</li> <li><a href="#">link</li> </ul> </nav> 2。 <div role="navigation"> <ul> <li><a href="#">link</li> <li><a href="#">link</li> <li><a href="#">link</li> <li><a href="#">link</li> </ul> </div> 3。 <ul role="navigation"> <! — breaks HTML5 specification 3.2.7.4 Implicit ARIA Semantics navigation is not an allowed value of role on ul –> <li><a href="#">link</li> <li><a […]

为HTML中的列表提供标题，标题或标签的最佳实践

为HTML列表提供标题的最佳方法是什么？ 例如 水果 苹果 梨 橙子 应该如何处理“水果”一词，特别是如果我想要它在语义上与名单本身相关？

最好的侧边栏HTML5标记

我设置了我的WordPress的侧边栏为HTML5主题，真的想使用before_widget和after_widget权利。 所以我的问题是这两个标记模式中的哪一个更合适？ 以下代码完全在<article>元素之外。 选项1：除了部分 <aside id="sidebar"> <section id="widget_1"></section> <section id="widget_2"></section> <section id="widget_3"></section> </aside> scheme2：Div与旁白 <div id="sidebar"> <aside id="widget_1"></aside> <aside id="widget_1"></aside > <aside id="widget_1"></aside > </div> 我想辅助问题是什么标题使用每个小部件标题。 如果我在<section>包装每个小部件，那么<h1>看起来是最合适的。 如果我用<aside> ，我不确定。 欢迎所有的意见。 魔鬼的鼓吹者鼓励。

修正版权信息的语义标签 – html5

在网站的页脚中包含版权声明的最好和最有意义的标签/方法是什么？

名称 – 值对的语义和结构

这是我一直在苦苦挣扎的一个问题。 什么是标记名称/值对的正确方法？ 我喜欢<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的视觉angular度来看，这更有意义。 造型前述的边界是微不足道的。 但是，如上所述，语义最好是模糊的。 想法，意见，问题？ 编辑/更新也许这是我应该明确提到的有关结构的东西，但定义列表也有问题，没有语义分组的对。 一个dd和一个dt之间的sorting和隐含的边界很容易被理解，但是他们仍然感觉有点偏离我。

在FORM中使用DIV是否正确？

我只是想知道你在考虑在FORM-tag里面的DIV-tag？ 我需要这样的东西： <form> <input type="text"/> <div> some </div> <div> another </div> <input type="text" /> </form> 在FORM使用DIV是否是一般的做法，或者我需要不同的东西？

使用垂直标题编写HTML表格的最常见方法是什么？

大家好，我已经问了一些问题，这个问题已经困扰了我一段时间，问题本身就是标题： 编写具有垂直标题的HTML表格的最佳方式是什么？ 通过垂直标题，我的意思是表格左边的标题（ <th> ）标记（通常） 标题1数据数据数据 标题2数据数据数据 标题3数据数据数据 他们看起来像这样，到目前为止我已经提出了两个select 第一select <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> <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>标签缺失，没有办法把他们包括在内，而不会打破这些很好地放在一起的元素，这导致了我的第二个select。 第二个选项 <style […]

如何在HTML5中正确使用h1

以下哪一项是构build页面的正确方法： 1） h1只在header <header> <h1>Site title</h1> <nav>…</nav> </header> <section> <h2>Page title</h2> </section> 如果我仅在header内使用h1作为网站的标题，则每个页面将具有相同的h1标记内容。 这似乎没有很多信息。 2） header和section h1 ，用于站点和页面标题 <header> <h1>Site title</h1> <nav>…</nav> </header> <section> <h1>Page title</h1> </section> 我也看到了在header和section标签中不止一次使用h1例子。 然而，在同一页面上有两个标题是不是错了？ 此示例显示多个标题和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似乎推荐在主要section元素中使用h1 ，这是否意味着我不应该在header元素中使用它？ 部分可能包含任何级别的标题，但是强烈build议作者只使用h1元素，或者使用适合级别的元素来嵌套级别。