193*_*286 1 html css list semantic-markup deprecated
我最近遇到的情况是我被<ul>用于HTML列表,但我真正想要的是<ol>.我正在绞尽脑汁试图设置一个变量,以便我可以根据需要随时更改它.然后我突然意识到,我可以使用CSS ul.class {list-style-type: decimal;}.这将使我完全符合我的要求.
但后来我想,为什么我们还有<ol>呢？它不应该被弃用吗？因此,列表类型不是一个独特的样式选择,属于样式表吗？至少,这总是解释为什么你不能从HTML页面复制和粘贴列表项目符号.然后我进一步想知道<dl>.是的,这更方便轻微一点,但你可以很容易地与嵌套相同的效果<div>,<p>,<ul>,或<span>.
在此的其他问题,似乎有人会说有一个语义质量<ol>和<dl>.我可以购买,特别是因为<dl>它,但它面对不断被告知列表类型是风格,而不是内容.还有更多的东西,我没有看到为什么他们还没有被弃用？
ul,ol和dl之间的区别不仅在于渲染时这些元素的样子.存在巨大的语义差异.这就是为什么他们不能被弃用而不赞成ul.
我可以使用CSS ul.class {list-style-type:decimal;}.这将使我完全符合我的要求.
看,这就是你错了.你不会得到完全相同的结果.如果你只使用ol或dl,因为它们看起来如何,你做错了.
列表类型不是一个独特的样式选择
当然不.当你使用html标签时,你应该知道为什么要这样做.所有3种类型的列表都有其自己的含义和用途.
ul =无序列表.元素的顺序根本不重要.
一个基本的例子是购物清单.你不在乎你先购买什么,你只想购买清单上的所有物品.
ol =有序列表.该订单是非常具体的,它不管做什么是要先.一个很好的例子是蛋糕的配方.你不能先烤,然后加入配料.
dl =描述列表.您通常将此用于包含键值对,因为它包含一组术语及其定义的列表.
当然,当涉及这些列表的外观时,您可以将一个换成另一个并且只应用css规则.或者甚至使用几个div/span标签并从头开始创建它.
然而,当谈到语义标记时,差异是巨大的,正如我已经解释过的那样.
HTML中的标签不仅仅包含内容,但它们也有意义.它们描述了我们正在处理的内容.例如,当你关心SEO时,这很重要.
样式表仅用于改变浏览器中元素的外观,但在解释内容时它们是无用的.例如,Web爬虫根本不关心css.