HTML 如何理解HTML的语义化

最新推荐文章于 2023-06-14 13:31:40 发布
最新推荐文章于 2023-06-14 13:31:40 发布
阅读量106 收藏
点赞数
分类专栏： 笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/josavion/article/details/109767559
版权

让人更容易读懂（增加代码可读性）;

  • 直观的认识标签，用正确的标签做正确的事情；
  • 便于阅读源代码，便于维护和理解。

让机器更容易读懂；

  • 搜索引擎的爬虫依赖于标签来确认上下文和各个关键字的权重，利于SEO优化；
  • 让页面的内容结构化，便于浏览器解析，在没有css样式的情况下也能够正确显示文档结构；

H5新增的语义化标签：article，header，footer，nav，section等；

 

josavion
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5精通：浏览上下文
代码教主
06-10 551
当我们在浏览器中创建新选项卡时，将创建一个新的浏览上下文。 浏览上下文聚合了许多我们认为理所当然的东西：诸如会话和历史记录管理，导航和资源加载之类的东西。 我们还有一个事件循环，用于处理脚本和DOM之间的交互。 在本教程中，我们将首先对事件循环有基本的了解，该事件循环主要是根据反应堆模式设计的。 然后，我们看一些与浏览上下文关联的辅助对象。 最后，我们将列出最佳实践列表，以尽可能有效地利用...
语义化的HTML结构怎么理解
09-28
相信大家都知道html和css，知道html结构和css表现分离，知道html语义化，这些都是这几年的热门关键字。语义化的html在国内也是一两年前才开始被追捧的，看看现在群里谈论的html结构，关于html结构的面试题，语义化的...
你是怎么理解HTML语义化,HTML语义化标签理解
weixin_34625578的博客
05-30 195
1：语义化标签是什么？语义化标签，目的是让标签有自己的含义语义化非语义化如上代码，p标签含义就是段落，而span标签毫无意义。2：语义化标签好处方便用户阅读，页面更加清晰。更好的SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。有利于开发维护。3：页面结构语义化标签1、定义文档或者文档的部分区域的页眉，应作为介绍内容或者导航链接栏的容器。在一个文档中，您可以定义多个元素，但需要注意的是元素不...
HTML 理解
sangjk的博客
11-26 90
HTML 语义化的理解 html语义化的含义：根据内容的结构化，选择合适的标签便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。(基本上都是围绕着几个主要的标签，像标签H1~H6，li、强调(strong、em)等等)。 语义化的原因：在我的理解当中是： ①为了在没有CSS情况下，页面也能呈现出很好的内容结构、代码结构。(为了裸奔时候好看)。 ②用户体验：例如title、alt用于解释名词或者解释图片信息、label标签dd的活用。 ③有利于SEO（网络引擎搜索优化）：和搜索引擎建立良好
HTML语义化是什么
SignalFire的博客
06-21 2040
HTML语义化是指在用标签构建HTML页面时避免大篇幅地使用无语义的标签HTML语义化的好处：HTML的语义化标签：
浅谈上下文(context)
weixin_30468137的博客
03-02 1964
Context（上下文）在Java编程中是一个非常重要的概念，而且出现频率很高；但是又是一个比较难理解的东西，或许“上下文”这种翻译也不太恰当，我觉得如果找不到一个合适的中文意思，倒不如不翻译。 下面列举几个涉及Context的例子。 第一、ServletContext是Servlet中最大的一个接口，呈现了web应用的Servlet视图。它代表当前的web应用，所有的Servlet共享同一个...
HTML语义化的理解
番茄脸红了~
06-14 900
html语义化及其基础内容理解
HTML语义化标签的理解
weixin_47227886的博客
04-10 5165
1. 语义化的背景： 以前的HTML的结构，基本上就是DIV+CSS。然而，DIV它并没有什么任何的意义，全靠CSS显示页面的样式。 那么近几年呢，开发者提出了HTML结构的语义化，所以W3C就制定出了语义化标签。 2. 什么是语义化 语义化就是构成HTML结构的标签要有意义。 比如有这样的标签： header表示页面头部 main表示页面主题 footer表示页面底部 那么这些标签构成的HTML结构就是有意义的，也是语义化的。 ​ 如果说页面的头部、主体以及底部都用div来表示，那.
HTML语义化标签理解
qq_30104281的博客
04-08 2048
1：语义化标签是什么？ 语义化标签，目的是让标签有自己的含义 <p>语义化</p> <span>非语义化</span> 如上代码，p标签含义就是段落，而span标签毫无意义。 2：语义化标签好处 方便用户阅读，页面更加清晰。 更好的SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。 有利于开发维护。 3：页面结构语义化标签 ...
HTML语义化
code_J的博客
04-08 4088
一、什么是HTML语义化 什么的HTML语义化，顾名思义，HTML语义化就是可以不通过了解HTML的内容，就可以知道这个部分所代表的的意义。 HTML语义化的意义：在使用HTML标签构建页面时，避免大篇幅的使用无语义的标签。 二、什么是HTML语义化标签 语义化标签比较容易理解：简单举一个例子就很容易理解： <p></p> //代表这是一行文字 语义化标签优势： 利于页面内容结构化、利于无CSS页面可读、利于seo、利于代码可读 三、常见语义化标签 &lt
如何理解语义化
前端攻城狮
03-08 2877
1、语义化的背景 以前的HTML的结构，基本上就是DIV+CSS。然而，DIV它并没有什么任何的意义，全靠CSS显示页面的样式。那么近几年呢，开发者提出了HTML结构的语义化，所以W3C就制定出了语义化标签。 2、什么是语义化 语义化就是构成HTML结构的标签要有意义，比如有这样的标签：head表示页面头部，main表示页面主题，footer表示页面底部。那么这些标签构成的HTML结构就是有意义的，也是语义化的。如果说页面的头部、主体以及底部都用div来表示，那么他就不是...
HTML中语义化的理解
06-21
搜索引擎优化（SEO）：搜索引擎更喜欢能够理解和解析的页面内容，语义化的HTML结构可以提高页面在搜索引擎结果中的排名，增加网页的曝光和访问量。 代码可读性和可维护性：使用语义化的标签和属性，可以让代码更易于...
学习html语义化练习代码
03-05
html语义化学习代码
HTML标签语义化的介绍
09-28
通过使用语义化的HTML标签，我们可以创建出对人类和机器都易于理解和处理的网页。这样不仅提高了用户体验，还增强了网页的可访问性和SEO性能。因此，开发者应该根据内容的性质和目的，选择最合适的HTML标签，避免...
html标签、html语义化
12-19
HTML 语义化是指使用正确的 HTML 标签来描述网页的内容和结构，从而使搜索引擎和屏幕阅读器更好地理解网页的内容。这可以提高网页的可访问性和搜索引擎优化（SEO）。 常用的浏览器内核包括 IE、火狐（Firefox）、...
JavaScript parseInt()的用法
热门推荐
josavion的博客
12-19 8万+
1.基本用法：parseInt的返回值只有两种可能，不是一个十进制整数，就是NaN。 a.将字符串转为整数。parseInt('123') // 123 b.如果字符串头部有空格，空格会被自动去除。parseInt(' 81') // 81 c.如果parseInt的参数不是字符串，则会先转为字符串再转换。这个很重要 d.字符串转为整数的时候，是一个个字符依次转换，如果遇到不能转为数字
Http 常见 Content-Type 有哪些？
josavion的博客
03-27 1万+
Content-type 定义了 http 请求的数据类型。 如果设置在请求头中，则定义的是请求体的数据类型； 如果设置在响应头中，则定义的是响应体的数据类型； 请求头--Request-Headers：一般我们在 post 请求中会向服务器发送一些参数，那我们就可以通过这个参数设置 post 的参数格式 application/json：JSON 数据格式； application/x-www-form-urlencoded：表单默认的提数据格式； multipart/form-data：
Vscode 如何在命令行打开vscode
josavion的博客
11-18 9607
打开 vscode，同时按下 command + shift + p，打开命令面板（或者直接在菜单中点击查看 => 命令面板）； 在弹出的输入框中输入 shell ，选择 "Shell 命令：在 PATH 中安装 code 命令"； 接下来你就可以在命令行中通过 code 命令打开 vscode 了； 直接 code 回车是打开一个新的 vscode 窗口; "code ." 命令是在 vscode 新窗口中打开当前目录； ...
Javascript valueOf 方法原理
josavion的博客
12-19 6831
本文将介绍valueOf()方法。如果存在任意原始值，它就默认将对象转换为表示它的原始值；对象是复合值，而大多数对象无法真正表示为一个原始值，因此默认的valueOf()方法简单地返回对象本身，而不是返回一个原始值 【1】undefined和null没有valueOf()方法 undefined.valueOf();//错误 null.valueOf();//错误 【2】布尔型数据tru
如何理解HTML5语义化
最新发布
07-12
3. SEO优化：搜索引擎更喜欢使用语义化的HTML结构，因为它们可以更准确地理解和分析页面内容，提高网页在搜索结果中的排名。 4. 设备兼容性：语义化的HTML结构可以更好地适应不同设备和浏览器的展示需求，提供更好...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值