为什么要用语义化标签?

算法流光师
• 阅读 1997

一、什么是语义化的HTML?

语义化的HTML就是正确的标签做正确的事情,能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。

二、为什么要做到语义化?

1、有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。

3、便于团队开发和维护,语义化的HTML可以让开发者更容易的看明白,从而提高团队的效率和协调能力。

标签语义化有助于构架良好的HTML结构,有利于搜索引擎的建立索引、抓取。简单来说,试想在H1标签中匹配到的关键词和在div中匹配到的关键词搜索引擎会吧那个结果放在前面。
有利于不同设备的解析(屏幕阅读器,盲人阅读器等)满是div的页面这些设备如何区分那些是主要内容优先阅读?
有利于构建清晰的机构,有利于团队的开发、维护

点赞
收藏
评论区
推荐文章
冴羽 冴羽
3年前
聊聊 npm 的语义化版本(Semver)
前言现在我们要开发一个项目,我们都知道为了方便项目管理,要写一个版本号,那开发的时候初始的版本号是多少呢?是1.0.0还是0.0.1开始?如果一个版本号为X.Y.Z,什么时候是X应该加1,什么时候Y应该加1,什么时候Z应该加1,加1遵循十进制吗?比如1.0.9的下一个版本应该是1.1.0吗?我们经常看到一些项目的版
专注IP定位 专注IP定位
4年前
网络安全界基于知识的识别和映射提出网络空间资源分类明细
随着网络空间的迅速发展,现有许多基于用户位置的应用(例如生活或出行类产品),帮助人们更智能化地实时利用周边的网络信息和资源,与此同时,也有的工作往往只去考虑对具体任务的具体解决,但缺乏整体的视角去评估位置资源和网络空间的隔离问题。因而网络安全界提出网络空间资源需要对位置语义进行基于知识的识别和映射,其中识别包括位置语义的理解与构建、位置与网络空间文本和知识的
Wesley13 Wesley13
4年前
SEO和标签的语义化
做网站,我们都是需要考虑到标签语义化来提高SEO搜索排名的,那么我们就先来了解一下:w3c标准:html结构css样式js行为遵循的原则:先确定语义的HTML,再选合适的CSS。语义是否良好:当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。作用:语义化的网页的好处,最主要的就是对搜索引擎友好,有了
菜园前端 菜园前端
3年前
什么是HTML语义化?
原文链接:什么是语义化?简单了来说就是,当网页去掉CSS样式时,页面能呈现出来清晰的结构。语义化的核心作用:提升代码可读性,便于团队开发和维护。以下是语义化的HTML标签结构(部分语义化标签):假设我要编写一个这样的布局不使用语义化是这样的使用语义化是这样
Stella981 Stella981
4年前
HTML5新标签与javaScript新方法
HTML5(0106)1、文档声明<!DOCTYPEhtml2、字符编码设置<metacharset"UTF8"3、验证(http://validator.w3.org/)HTML5新增的语义化标签
Wesley13 Wesley13
4年前
HTML5标签(语义化)
HTML语义化是什么?HTML语义化是指根据内容的结构化,选择合适的标签。举个例子:之前所有的都用div,span等标签实现页面结构,而这些标签都没有实际的意义,而新的HTML5标签<header\<footer<nav<section<article<aside等这些标签的出现与使用,让人一目了然的知道页面结构是
普罗米修斯 普罗米修斯
3年前
go-dongle 0.2.5 版本发布,一个轻量级、语义化的 golang 编码解码、加密解密库
dongle是一个轻量级、语义化、对开发者友好的Golang编码解码和加密解密库
python爬虫中“动态网页”如何爬取
经常会在一些爬虫群里面看到这样的提问,为什么用Python爬虫请求某个网页时,有时打印的数据不全或者什么数据都没有或者只有html骨架代码。这是因为涉及到了”动态网页数据“这个词了,简单而言,就是后台的数据不是请求网页链接时就已经将数据写入到相应的标签上了
linbojue linbojue
6个月前
用C语言提升网络爬虫效率的策略指南
011.网络爬虫简介网络爬虫是一种能够自动获取和解析网页内容的工具,利用C语言编写网络爬虫程序能够有效地提取所需数据。通过C语言,您可以轻松地实现对网页的解析和数据的提取。1.1◆C语言与网络爬虫在C语言中,您可以利用诸如cspider这样的库来简化网络爬