我试图理解的实用性<;p>标签。我想写更少的HTML,并且总的来说我是为了简化事情,但是我感觉好像我听到有人提到为了SEO的目的或者清晰或者其他什么,所有的文本都应该放在一个段落标记中?这似乎是又一套需要处理的边距/填充/边框/css业务。我能不能给你一个线绳工具
<;部门>;
干杯,老兄!
</部门>;
Vs:
<;部门>;
<;p>;你好,世界</p>;
</部门>;
从语义的角度来看,你应该总是把你的内容放在有意义的容器中
例如,您可以创建如下项目列表(例如待办事项列表):
<;部门>;
-购买杂货<;br>;
-打扫我的房间<;br>;
-学习HTML
</部门>;
但这只看起来像一个列表,但从语义角度看,它只是纯文本,就像<;部门>元素没有任何语义含义(它们仅用于布局目的)
正确的语义列表如下所示:
<;ul>;
<;李>;购买杂货</李>;
<;李>;打扫我的房间</李>;
<;李>;学习HTML</李>;
</ul>;
现在它实际上是一个列表
那么:为什么这很重要
- 搜索引擎优化:阅读您的内容的机器(例如谷歌的搜索索引爬虫)将知道这是一个列表,并可以做出相应的反应。这在查看标题时更容易理解:一个
<;h1>元素将被搜索引擎以比更高的重要性对待<;b>元素(没有任何语义) - 可访问性:辅助软件(例如盲人或视力受损冲浪者的屏幕阅读器)可以识别这是一个列表,用户可以相应地导航它(例如从一个列表项跳到下一个列表项)
因此,一般规则是,您应该始终考虑要向用户呈现什么类型的内容:它是一个列表(一个<;ul>;或<;ol>;元素)?它是文本(一个或多个<;p>;元素)?它是一个标题(一个<;h1>;到<;h6>;元素)?这使得各种各样的读者能够更彻底地解读你的内容
因此,从技术角度来看,文本在bare中绝对有效<;部门>元素(不包含任何语义含义),从内容的角度来看,您绝对应该使用<;p>元素。由于所有网站都是关于其内容的,所以你应该完全遵守这条规则