"语义正确"是什么意思？

Question

我在css演讲中看到了很多.语义正确意味着什么？

Answer 1

正确贴标签

这意味着你正在调用它实际上是什么.经典的例子是,如果某个东西是a table,它应该包含行和列的数据.将它用于布局在语义上是不正确的 - 当你不是时,你会说"这是一张桌子".

另一个例子:列表(<ul>或<ol>)通常应该用于对类似的项目(<li>)进行分组.您可以div为组使用a ,<span>为每个项目使用a ,并将每个样式span设置为带有项目符号点的单独行,并且它可能看起来像您想要的那样.但"这是一个清单"传达了更多信息.

HTML代表"超文本标记语言"; 其目的是标记或标记您的内容.标记得越准确越好.HTML5中引入了新元素,以便更准确地标记常见的网页部分,例如页眉和页脚.

所有这些语义标签都可以帮助机器解析您的内容,从而帮助用户.例如:

了解您的元素是什么让浏览器使用合理的默认值来了解它们的外观和行为方式.这意味着您可以进行更少的自定义工作,并且更有可能在不同的浏览器中获得一致的结果.
浏览器可以正确应用您的CSS(层叠样式表),描述每种类型的内容应该如何.您可以提供其他款式,或者用户可以自己使用; 只要你在语义上标记了你的元素,就可以使用"我希望标题是巨大的"这样的规则.
屏幕阅读器的盲人可以帮助他们更轻松地填写表格,如果逻辑部分被分解成fieldsets一个legend为每一个.盲人用户可以听到legend文字并决定"哦,我可以跳过这一部分",正如有视力的用户可能通过阅读它一样.
移动电话在看到type="tel"(用于电话号码)的表格输入时可以切换到数字键盘.

Answer 2

语义学基本上意味着"意义研究".

通常,当人们谈论代码在语义上是正确的时,他们就会引用代表性的东西.

在(x)HTML中,有某些标记赋予它们包含的内容含义.例如:

H1标签将其包含的数据描述为1级标题.H2标签将其包含的数据描述为2级标题.这背后隐含的意义是H1下的每个H2都在某种程度上相关(即标题和副标题).

当您以语义方式编码时,您基本上为您描述的数据赋予了意义.

考虑以下2个语义VS非语义样本:

<h1>Heading</h1>
<h2>Subheading</h2>

VS非语义等价物:

<p><strong>Heading</strong></p>
<p><em>Subheading</em></p>

有时你可能会在辩论中听到人们说"你现在只是在谈论语义",这通常指的是与另一个人说同样含义但使用不同词语的行为.

Answer 3

"语义上正确使用元素意味着你将它们用于它们的用途.这意味着你使用表格来表格而不是布局,这意味着你使用列表来列出事物,强者和em用于给予发短信等等."