我应该使用哪种标签组合?

时间:2010-08-31 20:05:06

标签: html coding-style

在我的表单中我有3种样式的文字:styleA(大小16和粗体,更像标题)styleB(大小16,正常重量,普通文本)和styleC(大小14和斜体,最后一个注释) )。

styleA和styleB是否应使用<h?>标记,而styleC是否使用<p>标记?或者,如果styleA使用<h?>标记,则styleB使用<p>标记,而styleC使用<small>标记?或者我应该使用其他组合吗?

我正在试图找出在这种情况下接受的规范是什么,以便在这种情况下以及将来类似的情况下使用正确的html。

谢谢!

编辑:为了澄清,所有这些文本都将在(AJAX)弹出窗口中显示。所有文字都在<form>标签内。因此,我宁愿避免使用任何body / div标签。

6 个答案:

答案 0 :(得分:3)

  • 如果是标题,请根据您的需要将其分配给h1,h2,h3,h4,h5,h6中的一个。
  • 标准文字可以是正文,p,li,a,div,span。
  • 强调/加粗/注释可以应用于em,i,b,small,sup,sub

您的想法是希望类代表用例。因此,如果您使用标题文本的类,请将其与标题标记配对。

答案 1 :(得分:3)

刚刚离开我的头顶......

HTML 4或XHTML 1

  • styleA应该是标题,可能是1级<h1>或2级<h2>标题,具体取决于其所涵盖的内容的性质(文章或整体页?)。

  • styleB绝对应该是包含您实际内容的一系列<p>元素。

  • styleC可以是特别指定的段落。有关如何执行此操作的一些示例包括<p><small><p><cite><p class="footnote">

HTML5(如果您想尝试一下)

  • styleA应该是<header>中的标题。

  • styleB应该是<p>中的一系列<section>元素。

  • styleC<p>中的<footer>一样好。

答案 2 :(得分:2)

我会去

  • <h1> for styleA
  • <p> for styleB
  • <small> for styleC

根据您的描述,标签反映了它们中的文本是如何被使用的,尽管我可能会考虑使用<cite>作为styleC,因为<small>更多的是视觉描述,而不是语义描述,比如<cite>。 (我原本以为脚注有一个特定的标签,但我想我想的是<tfoot>

答案 3 :(得分:2)

你宁愿错过语义标记的重点。您需要查找基本原因为什么您正在为页面的各个元素使用这些样式。一旦你理解了,那么你就可以选择正确的标记了。

答案 4 :(得分:2)

我注意到你提到它是你正在设计的一种形式。我很惊讶没有人提到这一点,但如果你想创建一个正确的语义HTML表单,那么使用<label>标签和<fieldset>/<legend>标签很重要。

因此,您的StyleA可能最适合作为<legend>中的<fieldset>,而不是<h1>标记。你的StyleB,如果它描述了一个控件,肯定应该是<label>。看看我上面链接的W3C页面上的一些示例HTML,以获取有关如何正确使用这些标记的信息。

最后的注释将位于<p>标记中,可能包含某些类。表格上的更长信息说明也会在段落标签中。

这是an article from A List Apart,它演示了控件的有序列表技术以及带有标签和字段集标签的正确语义HTML。

答案 5 :(得分:1)

您可以使用以下CSS来定义h1p代码并创建CSS类note

样式A:h1 { font-size: 16px; font-weight: bold; }

样式B:p { font-size: 16px; }

样式C:.note { font-size: 14px; font-style: italic; }