你在这里

主题语义要正确

原文链接:drupal.org/node/44072

 

语义 (X) HTML 元素传达的含义。结合 CSS 的语义标记也是将内容与演示文稿分离的主要方法。本质上语义 HTML 是 HTML 零下的表象的 HTML 元素和属性。

坏旧时代我们使用 HTML 的演示文稿,如fontstrikeu的元素。问题是这些元素没有告诉我们任何关于内容的意义。

POSH

标致是平原老语义 html 的缩写。POSH 给了我们一个容易记封装的简单性、 最佳实践和使用语义标记的好处的首字母缩写。您可以了解更多有关对 microformats.org POSH.

人类 vs 机

语义标记主要是机器。虽然机器可能能够产生从文本的意义,它们可以通过了解的文本将显示在其中的背景更轻易做到这。这种情况下是语义的 HTML。

验证

它是主要租户的语义 (X) HTML 的标记是有效。

在线验证程序看看他们是在内容中传递给浏览器的顺序中的标题。您可以将内容放在一个订单中,然后使用 CSS 另一个订单中显示的内容。该验证程序将看看原始订单。

一个常见的问题是有一个其他所有内容之前的左手侧边栏,并已开始与 h2 元素的侧边栏。H2 出现之前的网站名称为 h1。主题将失败 WCAG (围) 验证 AA 级1.

验证按钮在页面的底部与D theme.com有主题的例子。

辅助功能

放内容 (内容源排序) 的第一次然后的子标题和旁注。在此结构中,您可以在页标题 h1。

对于视障人士,比主页除外的每一页上的网站名称更为重要的网页标题。当他们搜索的例子时,他们想要一个网站,一开始所说经典当他们搜索橙色和辣椒三文鱼,他们想要的页标题为橙色和辣椒鲑鱼,不经典.

视障者人们想要的摘要中第一段和第一个内容进行下载这样他们可以找出它们是否有用的网页。一些搜索引擎置于页面的第一个段落上更大的重量。SEO 应该帮助改进为视障人士提供。您的里程可能会有所不同。不试试这个在家里没有成人监督。等等等等。

作为网站标题或页面标题 h1

旧的 HTML 标准有一个显示为 h1 标题页主题的示例。HTML 标准说标题元素简要介绍了它引入了一节的主题。页标题介绍页面,不是网站主页除外的每一页上。

因此,它是合法使用 h1 为上其他页面的页面标题上的主页和 h1 的站点名称。如果在主页上使用的站点名称与页面标题然后它简要描述的主题......它引入了.

Drupal 允许您在条件语句中使用页 front.tpl.php 文件或 $is_front 变量的用途。许多 Drupal 主题使使用这在 h1 主页 (和/或其他没有页面标题页) 中显示的网站名称和 div 或跨度为所有其他页中。

POSH 的引用

这是语义 (X) 与笔记在用法上的 HTML 元素的列表。请随意将添加到此或辩论我的解释。

块元素

div
提供有意义的分裂。经常嵌套和用于分组的相关的元素和内容 (例如页眉、 侧栏、 内容区和页脚。
h1-h6
六个级别的标题用于介绍和描述内容的各个部分。它是常见的做法,要在任何一个页面上使用只有一个 h1 元素 — — 页都有一个主标题和许多分与 h2 和 (或) h3 标题节。
p
段落元素用于标记和 deliniate 的文本块。
blockquote
指示一个大型或大量的报价。
地址
指示文档或文档的一个主要部分的联系信息。可以使用与hCard 微过去时.

列表元素

ul、 ol 李
列出用于表示最好以列表的形式表示的分组的信息。常用于标记菜单 (链接的列表)。ol 表示而 ul 表示无序列的表的排序的列表。李表示单个列表项。可以嵌套列表。
dl,dd dt
指示列表中的术语 (dt) 及其伴随的定义 (dd)。通常用于标记 FAQ。

内联元素

sub, sup
a
通常用于与 href 属性以指示外部资源或同一文档中的锚定的位置。
abbr
指示某个词或短语的缩写形式。往往归因与标题。
首字母缩写词
用于标记首字母缩写词、 缩略词和 alphabetisms。往往归因与标题。
em
用于指示强调。强调的文本是以某种方式比周围文字更重要。
strong
用于指示更加重视。类似于 em 但更强。
cite
指示书目信息、 个人报价或引用。
代码
指示计算机编程代码的示例。
dfn
在文档中定义一词的第一个实例。Dfn 的语义价值是值得商榷的。
de
指示已从文档中删除的信息。已否决的罢工元素的语义替换。
ins
相反的 del.指示插入在修订过程中添加的文本。
samp
计算机程序或脚本的输出的示例。示例输出可能会或可能不是代码。
span
泛型内联元素使用语义元素不宜。Span 元素被视为没有语义的价值。
q
表示一个内联的报价。
kbd
指示要由用户输入的文本。很少使用,但在那里演示的程序,以及代码和 samp 使用的情况下有用。
 
上标和下标文本。通常用于指示脚注的引用。
var
与代码,samp、 大骨节病、"变量"元素指示变量 (或程序参数)。

窗体元素

label
标签元素用来描述窗体元素。

表元素

table
用来标记显示表格数据。
thead
定义数据的数据表,其中通常会包含每一列的标头 (th) 的标题区域。
tfoot
定义页脚区域数据的数据表,其中应包括参照的数据列的信息。
tbody
表中的该内容区域。
caption
描述表。基本上是一个为表的标题。
th
行的列的表格标题。指示类型的行或列中的信息。
td
一个数据单元格,在其中的内容被放置其中对应的行和列的标头。

查看默认 XHTML 结构标记呈现方式(用于浏览器相比较)。

脚注:

http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-headers