html页面上常见结构/语义类/ ids的典型名称?

时间:2011-06-23 15:09:11

标签: html structure semantics

我想知道网页上各种常见元素的标准或共性,这些元素没有与之相关的特定元素。我经常很难命名页面的某些元素。

我肯定知道html 5中包含的内容:

  • 标题
  • 导航
  • 文章
  • 除了
  • 页脚

但我该怎么称呼:

  • 突出显示的文本块,如blockquote,但实际上并没有引用任何内容 - 基本上就像块强调一样。或者我应该使用blockquote吗?
  • 主页上的一个部分,其中有不同的块,例如列出不同的功能。
  • 另一个元素的弹出文本描述(可能出现在悬停上,但对于结构/样式划分应该不需要)
  • 主页上的介绍性说明(简介?)

我知道这些本身并不是技术上的考虑因素,而且我可以用我的大脑为他们提出我自己的名字,但我想知道是否有行业惯例/最佳实践已经成为页面不同部分的标准只是为了让我的代码更清晰。我试过寻找破旧,但没有找到太多用处。

1 个答案:

答案 0 :(得分:0)

嗯,你看到“专栏”和“行”使用了很多,仅举两个。

关于您的其他问题:

突出显示的文本块,如blockquote:你可以使用blockquote,根据经验,你应该尽可能地尝试使用适当的标准html元素,以保持清洁。否则,您可以使用类“突出显示”并相应地更改您的CSS,因此如果您在两年内回复它,您将确切地知道它意味着什么。

主页上的一个部分,其中有不同的块,例如,列出不同的功能:您在这里回答了自己的问题。列表在这种情况下很受欢迎,可能是<ul>元素上的类或id。以描述性而简洁的方式命名。这样做,你不需要提出一个新术语。

另一个元素的弹出式文字说明:您看到popup使用了很多,例如<div class= popup“&gt; .. content..`。当弹出窗口是悬停元素的子元素,便于DOM遍历。

主页上的介绍性说明:这个我没有任何建议。你对介绍的建议很好。你可以把它作为一个标准的<p>,并根据它的父母来设置它。在我看来,像#content p:first-child这样的定义对于许多第一段而不是特殊类来说是一个更好的解决方案。