作者:靠谱的郭大虾_938 | 来源:互联网 | 2023-05-21 19:54
我试图了解
标签的效用.我想写更少的HTML,并且总是为了简化一般事情,但感觉我听到有人提到为了SEO目的或清晰度或其他东西,所有文本都应该存在于段落标签中?这似乎只是需要处理一组保证金/填充/边境/ css业务.我不会通过某种linting工具吗?
Cheerio, worldie!
VS:
Joshua Muhei..
23
从语义的角度来看,您应该始终将您的内容置于意义的容器中.
例如,您可以创建一个项目列表(例如待办事项列表),如下所示:
- Buy groceries
- Clean my room
- Learn HTML
但是,这只是看起来像一个名单,但从一个语义来看,这只是普通的文本,如元素没有任何语义含义(它们仅用于布局的目的).
一个合适的语义列表如下所示:
- Buy groceries
- Clean my room
- Learn HTML
现在它真的是一个清单.
那么:为什么这很重要?
搜索引擎优化:阅读您内容的计算机(例如Google的搜索索引抓取工具)将知道这是一个列表,并可以做出相应的反应.在查看标题时,这是更容易理解的:
元素将由搜索引擎处理,其重要性高于
元素(没有任何语义含义).
辅助功能:辅助软件(例如,盲人或视力受损的冲浪者的屏幕阅读器)可以判断这是一个列表,用户可以相应地导航(例如从一个列表项跳转到下一个列表项).
因此,一般规则是您应该始终考虑要向用户呈现的内容类型:它是列表(元素
还是
元素)?是文本(一个还是多个
元素)?它是一个标题(一
至
元素)?这允许所有类型的读者更彻底地解释您的内容.
因此,从技术角度来看,文本在裸元素(不包含任何语义含义)中绝对有效,从内容的角度来看
,在网站上显示文本时,绝对应该使用元素.由于所有网站都与他们的内容有关,因此您应该彻底遵循此规则.
1> Joshua Muhei..:
从语义的角度来看,您应该始终将您的内容置于意义的容器中.
例如,您可以创建一个项目列表(例如待办事项列表),如下所示:
- Buy groceries
- Clean my room
- Learn HTML
但是,这只是看起来像一个名单,但从一个语义来看,这只是普通的文本,如元素没有任何语义含义(它们仅用于布局的目的).
一个合适的语义列表如下所示:
- Buy groceries
- Clean my room
- Learn HTML
现在它真的是一个清单.
那么:为什么这很重要?
搜索引擎优化:阅读您内容的计算机(例如Google的搜索索引抓取工具)将知道这是一个列表,并可以做出相应的反应.在查看标题时,这是更容易理解的:
元素将由搜索引擎处理,其重要性高于
元素(没有任何语义含义).
辅助功能:辅助软件(例如,盲人或视力受损的冲浪者的屏幕阅读器)可以判断这是一个列表,用户可以相应地导航(例如从一个列表项跳转到下一个列表项).
因此,一般规则是您应该始终考虑要向用户呈现的内容类型:它是列表(元素
还是
元素)?是文本(一个还是多个
元素)?它是一个标题(一
至
元素)?这允许所有类型的读者更彻底地解释您的内容.
因此,从技术角度来看,文本在裸元素(不包含任何语义含义)中绝对有效,从内容的角度来看
,在网站上显示文本时,绝对应该使用元素.由于所有网站都与他们的内容有关,因此您应该彻底遵循此规则.
关于语义,在`p`中包含少量单词,而不是句子**,而不是`div`更好吗?考虑一个段落由一个或多个句子按语法组成......
2> Antti Haapal..:
是的,没有使用元素是可以的
.
A
会告诉一个元素中的文本被分成段落,因此如果你把文本拆分成段落,你应该使用
; 另一方面,a
不能包含所谓的措辞内容以外的元素 ; 因此你不能拥有一个
推荐阅读
-
本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ...
[详细]
蜡笔小新 2023-12-14 10:06:19
-
本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ...
[详细]
蜡笔小新 2023-12-14 14:37:52
-
-
本文介绍了如何使用PHP向系统日历中添加事件的方法,通过使用PHP技术可以实现自动添加事件的功能,从而实现全局通知系统和迅速记录工具的自动化。同时还提到了系统exchange自带的日历具有同步感的特点,以及使用web技术实现自动添加事件的优势。 ...
[详细]
蜡笔小新 2023-12-14 21:02:28
-
本文介绍了一位微软头条实习生自学深度学习的经验分享,包括学习资源推荐、重要基础知识的学习要点等。作者强调了学好Python和数学基础的重要性,并提供了一些建议。 ...
[详细]
蜡笔小新 2023-12-14 20:58:32
-
本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ...
[详细]
蜡笔小新 2023-12-14 18:18:21
-
今天在看一个代码里头写了GetWindowLong(hwnd,0),我当时就有点费解,靠,上网搜索函数原型说明,死活找不到第 ...
[详细]
蜡笔小新 2023-12-14 17:58:15
-
本文介绍了在VScode中设置格式化文档换行或不换行的方法,包括使用插件和修改settings.json文件的内容。详细步骤为:找到settings.json文件,将其中的代码替换为指定的代码。 ...
[详细]
蜡笔小新 2023-12-14 17:15:38
-
本文介绍了云原生边缘计算中的KubeEdge系统,该系统是一个开源系统,用于将容器化应用程序编排功能扩展到Edge的主机。它基于Kubernetes构建,并为网络应用程序提供基础架构支持。同时,KubeEdge具有离线模式、基于Kubernetes的节点、群集、应用程序和设备管理、资源优化等特点。此外,KubeEdge还支持跨平台工作,在私有、公共和混合云中都可以运行。同时,KubeEdge还提供数据管理和数据分析管道引擎的支持。最后,本文还介绍了KubeEdge系统生成证书的方法。 ...
[详细]
蜡笔小新 2023-12-14 16:49:01
-
本文介绍了数据库的存储结构及其重要性,强调了关系数据库范例中将逻辑存储与物理存储分开的必要性。通过逻辑结构和物理结构的分离,可以实现对物理存储的重新组织和数据库的迁移,而应用程序不会察觉到任何更改。文章还展示了Oracle数据库的逻辑结构和物理结构,并介绍了表空间的概念和作用。 ...
[详细]
蜡笔小新 2023-12-14 16:00:02
-
本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ...
[详细]
蜡笔小新 2023-12-14 15:08:18
-
本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ...
[详细]
蜡笔小新 2023-12-14 12:09:13
-
本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ...
[详细]
蜡笔小新 2023-12-13 21:31:18
-
本文介绍了Java的集合及其实现类,包括数据结构、抽象类和具体实现类的关系,详细介绍了List接口及其实现类ArrayList的基本操作和特点。文章通过提供相关参考文档和链接,帮助读者更好地理解和使用Java的集合类。 ...
[详细]
蜡笔小新 2023-12-13 14:12:18
-
本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ...
[详细]
蜡笔小新 2023-12-13 13:24:33
-
本文介绍了Java中集合的遍历方式,重点介绍了for-each语句的用法和优势。同时指出了for-each语句无法引用数组或集合的索引的局限性。通过示例代码展示了for-each语句的使用方法,并提供了改写为for语句版本的方法。 ...
[详细]
蜡笔小新 2023-12-12 15:34:14
-
靠谱的郭大虾_938
这个家伙很懒,什么也没留下!