为什么要用语义化标签？

谷歌架构师

2019-11-05

一、什么是语义化的HTML？

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

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

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

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

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

html标签语义化

谷歌架构师

0 关注 0 粉丝 0 动态

相关推荐

如何理解HTML语义化的？

通常由PHP后端来写HTML，但是他们并不会CSS，于是就用table来进行布局。但我们都知道，table其实是用来展示表格的，这一条就与语义化严重相悖。后来前端慢慢分离成一个单独的岗位，他们会使用DIV+CSS布局，并且主要利用float和绝对定位进行布

tianqi 2020-07-05

HTML语义化

之前我一直没有重视过HTML语义化，觉得<div>+<span>，再用上一些基本的语义化标签，比如<p>,<h1>等等，写一些比较普通的页面足够了。但是，我们应当追求把语义化标签用对，而不是仅仅完成一个页面就

爱好HtmlCssJs 2020-01-19

html标签语义化

HTML标签语义化，就是尽量使用有相对应结构含义的HTML标签，少用无语义的。比如<span>或<div>就是无意义的，看不出是什么东西，而<address>一看就知道这里面的是地址，<em>标签一看就知道这

swiftwwj 2020-01-19

html5被忽略的语义化标签

在html5没出来之前，一直用html的div+css进行布局，通篇div+span，确实不优雅。html5新增了很多语义化的标签，帮助我们写出更优雅的html结构。<p>发布时间：<time pubdate='2019-05-06'&g

冯二爷 2019-11-18

为什么要用语义化标签？

语义化的HTML就是正确的标签做正确的事情，能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。标签语义化有助于构架良好的HTML结构，有利于搜索引擎的建立索引、抓取。简单来说，试想在H1标签中匹配到的关键词和在div中匹配到的关键词搜索引擎会

wysjwh 2019-11-05

为什么要用语义化标签？

语义化的HTML就是正确的标签做正确的事情，能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。标签语义化有助于构架良好的HTML结构，有利于搜索引擎的建立索引、抓取。简单来说，试想在H1标签中匹配到的关键词和在div中匹配到的关键词搜索引擎会

tanjiayq 2019-11-05

HTML基础复习——语义化

HTML语义化概念官方解释：语义化是指用合理的HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解。我认为最好的理解就是将office中的Word与其对比。包括我现在写的文章是用Markdown来完成的，

谷歌架构师 2019-07-01

HTML语义化、结构化标签（个人小结）

结构化的标签，它在一个网页结构中，可以清楚的表示该部分在文档中的结构含义。HTML5关注的不仅是呈现出一个页面的效果，它更加关注如何构造一个结构化的代码内容优雅地页面。HTML5新增的结构化标签虽然本质上都是div标签，但它用语义化的命名方式使得一个HTM

冯二爷 2019-06-29

前端进阶系列(一):SEO和HTML语义化

基本概念SEO：意为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目的网站的自然排名的方式。说白了就是对品牌的自我宣传，从而获取收益。HTML语义化：根据内容的结构的语义化，选择合适的标签便于开发者阅读和写出更优雅的代码的同时利于SEO优化。

冯二爷 2019-06-28

HTML&CSS基础学习笔记1.21-语义化标签

“语义化”指的是机器在需要更少的人类干预的情况下能够研究和收集信息，让网页能够被机器理解，最终让人类受益。HTML 标签语义化是让大家直观的认识标签和属性的用途和作用，很明显<hx>看起来很像标题，因为拥有粗体和较大的字号。HTML标签语义化的

wysjwh 2016-08-19

Web语义化详解

Web语义化主要包括：HTTP语义化、HTML语义化和CSS命名语义话。对于HTML体系而言，Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和机器都容易理解。如<h1>标签的表现样式是粗体，字体大小2em，其样

e度空间 2016-07-21

html标签的语义化

而不是长的是什么样子？<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作为标题使用，并且依据重要性递减。<h1>是最高的等级。p中的文字会自动换行，而且换行的效

knijiokm 2015-08-03

web语义化

web语义化是指能够让机器读懂语言。我所了解的web语义化包含两个方面：html标签语义化合css类名语义化。为了更快地让搜索引擎搜到查找的内容。我们常见的css类名有 left-content right-bar等通过方位来命名的，如果我想把right

zhaosnow 2015-03-03

对HTML语义化的一些理解和记录

什么是HTML语义化说HTML语义化就要先说说HTML到底负责的什么？下面摘自维基百科：。超文本标记语言是一种用于创建网页的标准标记语言。<p> 中的文字会自动换行，而且换行的效果优于 <br />。段落与段落之间的空隙也可以利用

renpinghao 2019-06-27

标签语义化

分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。section 不仅仅是一个普通的容器标签。一般来说，当元素内容明确地出现在文档大纲中时，section 就是适用的。article 是一个特殊的 section 标签，它比 section

luffot 2014-08-06

html5 语义化标签

HTML 5的革新之一：语义化标签一节元素标签。在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了

zxcasd 2014-04-15

会说话的HTML--语义化杂谭-TGideas-腾讯游戏官方设计团队

家里有个熊孩子，经常会有一些意想不到的事情发生：回家的时候，他会笑呵呵冲过来，大声喊着“臭爸爸”；你让他把鞋穿上，他会提起鞋子往楼下扔...在小孩的世界里，他虽然会说话，但不一定明白其中的意思，不能正确表达；同样他也会做一些事情，但不一定按正常大人的逻辑，

zljiaa 2014-03-24

语义化HTML标签

CSS是装饰材料，是油漆，是用来装饰房子的。CSS如果没有HTML结构那就什么也不是了，没有了实际使用价值。CSS完全依靠引用它的HTML文档。还好随着CSS的重现江湖，表格也终于回到他的本质工作——列表数据。<h1>是最高的等级。p中的文字会

zjnig的信息仓库 2013-09-30

HTML 5 新特性--语义化新标签<footer> &<header>

<header>标签定义文档的页眉。与<head>相同，<header>也旨在提供一些介绍性信息，但是这两个标签的作用域不同。虽然<head>标签能够提供关于整个文档的信息，但是<header>仅

owhile 2013-06-28

HTML语义化

何为HTML语义化语义化是指根据内容的结构化，选择合适的标签，便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。尽可能少的使用无语义的标签di

renpinghao 2019-06-21

谷歌架构师

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号