html - 当样式化的 div 可以模仿它们的功能时,span、ul、li、h1 等元素(和其他元素)有什么意义?

标签 html standards

我正在创建用户可自定义的 HTML 模板并决定使用哪些元素类型。一方面,我可以为每种类型的内容使用最合适的 HTML 元素类型 - ul/li 用于列表,h1、h2(等)用于标题等。另一方面,我可以只使用带有类属性的 div。事实上,无论哪种方法,我都必须使用类属性,而且如果我使用前一种方法,我还必须将某些 HTML 元素类型上的一些讨厌的默认属性归零。

考虑到 CSS 的灵活性,对几乎每个包含文本的元素使用 div 元素是相当容易的,并且可能可以使用更少的 CSS 来做到这一点。我应该尝试使用 h1 到 h6、spans、ul、li、hr、p 等来达到预期目的,还是只使用 div?

最佳答案

您应该使用适当的标签,因为它们传达了数据的语义。 “这是标题”和“这是大而粗体的文本”之间是有区别的。此信息对于屏幕阅读器、搜索引擎和其他非“普通”浏览器的用户代理很有值(value)。此外,不使用您的样式表(无论出于何种原因)的人仍然能够阅读它,但如果您的所有标签都是 div 和 span,他们就无法阅读(至少不那么容易)。

关于html - 当样式化的 div 可以模仿它们的功能时,span、ul、li、h1 等元素(和其他元素)有什么意义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3116704/

相关文章:

C++ 模板参数/类歧义

c++ - `const_cast` ,顶级 const 和左值到右值的转换

javascript - 有关 JavaScript 和文本区域的帮助

Java 方法检查关键字是否被 HTML 标题标签包围

jquery - 从 iframe 打开一个模态窗口到父窗口

sql - 大查询 : Return First Value from Different Groups in a Group By

HTML 表格到 “graphical text” 用于代码注释

javascript - 如何获取 self.location 更改事件?

css - 关于在 CSS url() 中使用数据 URI 的有效性的说明

sql - SQL 标准对 UPDATE 中的 "dependent"条件有什么看法?