标签: semantic-markup

当网站根据知识共享许可时,我使用rel-license微格式.当一个网站按照常规版权许可时,我有一个无聊的段落元素.

<p id="copyright">&copy; 2008 Example Corporation</p>

那个id属性只是用于CSS样式的目的.我想知道是否有更好的方法来标记更具语义的版权声明.这是Dublin Core元数据的工作吗？如果是这样,我该怎么做呢？(我之前从未使用过Dublin Core.)

一些网站主张在head元素中使用元标记:

<meta name="copyright" content="name of owner">

搜索引擎可能会看到这一点,但不会替换页面本身的用户可见通知.

可能重复:
是否可以盲目地使用<strong>代替<b>？

何时使用<strong>以及何时使用<b>或以其他方式给予大胆的外观？strong具有语义价值(在b演示时对屏幕阅读器有用(甚至在HTML 5中有效).

我的问题不是strong和之间有什么区别b.

问题是何时使用语义标记以及何时仅使用粗体文本

<strong>如果客户的内容文件(MS word文件)在内容段落中有一些粗体,我是否应该总是使用？

alt text http://shup.com/Shup/365676/11051764618-My-Desktop.png

我们怎么知道客户什么时候想要强调文本,何时他只是想把文字大胆地用于演示/审美目的？

如果是客户的工作要告诉我们,那么如何向客户解释这个场景,以便给我们提供"何时只是为了演示/审美目的而使文字变粗"的明确信息？

当一个人在Facebook上发布链接时,Facebook会自动发现一张照片用作显示在新闻Feed中的缩略图.是否有某种(HTML)标记围绕您想要用作首选的照片？

我正在开发一个实现Disqus评论的博客,我正努力尽可能多地使用HTML5语义标记.

这是一个例子<article />(本身在a中<section />),非常简单:

  <article class="post">
    <header>
      <h2>Title</h2>
      <p class="posted-on">Posted on <time datetime="2012-07-28T13:00:24+01:00">July 28th 2012</time>.</p>
    </header>
    <p>Lorem ipsum dolor sit amet...</p>
    <p>Lorem ipsum dolor sit amet...</p>
    <!-- blog comments -->
  </article>

有了上面的结构,我不确定在哪里整合文章的评论.

• A <footer />显然不合适("页脚元素不是分段内容;它不会引入新的部分.")
• Disqus使用异步JavaScript来创建一个<iframe />包含注释小部件,所以a <p />似乎也不合适.

我是否过度思考语义标记的事情:最好只是坚持下去<div />而不担心它？

Bootstrap提供诸如text-left(对齐类),text-lowercase(转换类)等类,这与定义内联样式(在技术上,但在逻辑上)相同.

在另一种方法中,例如bem,它强制类应该反映"物理"块和元素,以及它们的修饰符(或元素的状态,如active,current),并且任何样式都应该纯粹应用于CSS中.

Bootstrap方法似乎很难分离结构和表示之间的关注,并违背了W3C网站管理员提示.

这个问题得到许多人的响应:

1. Niko Sams - 为什么我不喜欢Twitter Bootstrap
2. Paradax - Bootstrap好,坏和丑
3. bvision - 请停止在HTML中嵌入Bootstrap类!

如何在保持HTML标记语义的同时使用Bootstrap？

我读过<h1>标签不适合徽标.但如果您的徽标是纯文本,您应该使用什么？我觉得<p>并且<span>也不合适.这是一个示例:

<header>
  <nav>
    <a id="logo" href=".">
      <span>Company Name</span>
    </a>
    <a id="linkOne" href="#thingOne">
      <img src="…">
    </a>
    <a id="linkTwo" href="#thingTwo">
      <img src="…">
    </a>
    <a id="linkThree" href="#thingThree">
      <img src="…">
    </a>
  </nav>
</header>

谢谢!

我有一个需要解决的迂腐论点.

作为一个适当的koolaid饮者,当谈到HTML时,我都是关于语义标记.因此,我当然不愿意看到他们不属于的表格.表格的经验法则是你应该只将它们用于"表格数据",但我注意到这是一个非常缺乏定义的短语.我想将以下数据作为表格,但我办公室的其他人不同意在这种情况下表格在语义上是正确的(而不是a dl或ul等):

------------------
| SomeEmployee   |
|----------------|
| Field    | val |
| Field    | val |
| Field    | val |
| Field    | val |
------------------

在办公室(和互联网)周围询问,我得到了一些关于数据"表格"的答案:

• "你要放在电子表格中的任何东西"(我已经看到在电子表格中创建的整个设计模型,所以这对我来说似乎有点缺乏)
• 可以很好地映射到数据库表的数据(例如,行和列数据,特别是)
• "文本,预先格式化的文本,图像,链接,表单,表单字段,其他表格等" (感谢W3C,这真的很有帮助)

等等等等.这些似乎都不是规范定义,并且它们没有为决策提供很好的分界线.所以,我问你,我聪明的同胞:我们应该如何定义表格数据.

如果可能的话,请引用您的答案的来源,以防止一串"我认为好"的答案.

谢谢!

乔

微格式仍然是编写网页中联系信息的最佳语义方式吗？

我差不多2年前问了这个问题,得到了Microformat最好的解决方案.在html中编写物理地址的最佳方法是什么？

现在在HTML 5中,这仍然是最好的方式吗？

<div class="vcard">
  <span class="fn">Gregory Peck</span>
  <a class="org url" href="http://www.commerce.net/">CommerceNet</a>
  <div class="adr">
    <span class="type">Work</span>:
    <div class="street-address">169 University Avenue</div>
    <span class="locality">Palo Alto</span>,  
    <abbr class="region" title="California">CA</abbr>  
    <span class="postal-code">94301</span>
    <div class="country-name">USA</div>
  </div>
  <div class="tel">
   <span class="type">Work</span> +1-650-289-4040
  </div>
  <div class="tel">
    <span class="type">Fax</span> +1-650-289-4041
  </div>
  <div>Email: 
   <span class="email">info@commerce.net</span>
  </div>
</div>

我知道放在div里面不是一个好主意td,但是span和其他元素一样？哪些元素可以放在里面td,哪些不是,为什么？

编辑:问题是我有一个旧的table布局,我需要在那里进行修改.要做到这一点,我需要在里面添加元素td,那么插入哪些元素是最不邪恶的<td>？

使用包含子元素的元素和使用父元素中的元素之间的语义差异是什么？这两种方法都允许用户最多选择一个选项.唯一的区别是视觉和用户体验相关:第一种方法向用户显示下拉菜单,而另一种方法显示单选按钮.<select><option><input type="radio"><fieldset>

同样,<select multiple="">与<option>孩子(选择多个下拉菜单)和使用<input type="checkbox">(复选框)之间的区别是什么？再说一次,我看不出功能上的任何差异; 只有演示文稿

我只是想知道为什么HTML规范有两种方法供开发人员使用.如果唯一的区别在于演示和用户体验,我们不应该只使用一种方法吗？