下面小编就为大家带来一篇浅谈HTML的语义化和一些简单优化。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1、什么是语义化？

必应网典的解释

语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解. 语义化的(X)HTML文档有助于提升你的网站对访客的易用性，比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说，则有助于它们建立索引，并可能给予一个较高的权值。事实上SEO最有效的一种办法，就是对网页的HTML结构进行重构，实质上就是语义化。

简单来说，就是根据内容的结构化(内容语义化)，选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析，什么样的内容就用什么样的标签。

2、语义化的好处？在css文件没有成功加载的时候页面也能呈现好的内容结构；利于SEO，让搜索引擎和爬虫软件抓取更多有用的信息，建立索引，获取较高的权值；方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页；

3、HTML5的语义化

最新的HTML5就网页结构化增加了一系统的结构化标签

结构：

XML/HTML Code复制内容到剪贴板

头部

导航

内容1

内容2

内容3

侧边栏

底部

4、写HTML需要注意的点

标签闭合>，/>;

正确使用标签嵌套，避免行内元素包围块元素；

合理使用标签，尽量少使用无语义的标签div，span，在css文件没有成功加载的时候页面也能呈现好的内容结构；

使用

、

,作为标题使用，并且依据重要性递减，

是最高的等级；

使用

区分段落，避免使用
换行；

不要使用纯样式的标签，b，font，u等，改为css设置；

使用表格时，使用，

，包围头部，主体内容，表格；

5、关于SEO优化，HTML需要做些什么？

文档类型统一使用HTML5 doctype ；

meta标签优化，主要有title、description、keywords三个地方，结束不要使用“ />”，应该直接写“>”；

css文件最好使用一个，放在头部

标签里面；

js文件最好放在底部，避免因加载js文件阻塞HTML的渲染；

使用外联文件，避免在HTML直接写css和js的代码；

引入文件时使用绝对地址，绝对地址包括了网站的域名；

img标签加上alt关键字，利于SEO优化，尽量不要使用“的”、“上”、“好”、“等等”等，搜索引擎数据库默认不收录的字；

logo处加h1标签，搜索引擎默认h1标签这个标题是网页中最重要的信息，所以我们把最重要信息入在

标签内；

关于html网页是否符合标准，可以在这个网页检查，直接输入链接即可查看检查结果

以上就是小编为大家带来的浅谈HTML的语义化和一些简单优化全部内容了~

浅谈html的语义化和一些简单优化,浅谈HTML的语义化和一些简单优化相关推荐

MYSQL优化浅谈，工具及优化点介绍，mysqldumpslow，pt-query-digest，explain等
MYSQL优化浅谈 msyql是开发常用的关系型数据库,快速.稳定.开源等优点就不说了. 个人认为,项目上线,标志着一个项目真正的开始.从运维,到反馈,到再分析,再版本迭代,再优化- 这是一个漫长且考 ...
自动驾驶车辆在结构化场景中基于HD-Map由粗到精语义定位
点云PCL免费知识星球,点云论文速读. 文章:Coarse-to-fine Semantic Localization with HD Map for Autonomous Driving in St ...
mysql 提高电脑配置_Mysql配置优化浅谈
Mysql配置优化浅谈安装MySQL后,配置文件my.cnf在MySQL 安装目录/share/mysql目录中,该目录中还包含多个配置文件可供参考,有my-large.cnf ,my-huge.cn ...
浅谈计算机科学与现代教育技术,现代教育技术浅谈论文
正确.充分地认识现代教育技术在促进教育变革方面的作用和功能,有利于进一步推动教育技术在教学实践中的应用,有利于推进教育教学改革的深入发展.下面是学习啦小编给大家推荐的现代教育技术浅谈论文,希望大家喜欢 ...
服务器不知别内存_程序优化浅谈服务器实现高并发的原理
我们每天刷手机都会接收到各种各样的信息,看到这篇文章时,不知大家有没有思考过,这些信息是如何组织,然后通过服务器发送给我们的呢? 其实也很简单,不就是一条一条请求嘛,服务器根据不同的请求分别去不同的数 ...
关于html语义化以下哪个说法是正确呢,关于HTML语义化，以下哪个说法是正确的？...
34 1.什么是HTML语义化? 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 2.为什么要语义化? 为了在没有C ...
憨批的语义分割重制版9——Pytorch 搭建自己的DeeplabV3+语义分割平台
憨批的语义分割重制版9--Pytorch 搭建自己的DeeplabV3+语义分割平台注意事项学习前言什么是DeeplabV3+模型代码下载 DeeplabV3+实现思路一.预测部分 1.主干 ...
计算机技术在工程的应用浅论,《计算机技术在计算机应用技术中的应用浅论》...
<计算机技术在计算机应用技术中的应用浅论> 要求: 结合自己所学专业命题,如"计算机技术在医学中的应用浅论"."计算机技术在电子商务中的应用浅论". ...
语义分割和实例分割_一文读懂语义分割与实例分割
以人工智能为导向的现代计算机视觉技术,在过去的十年中发生了巨大的变化.今天,它被广泛用于图像分类.人脸识别.物体检测.视频分析以及机器人及自动驾驶汽车中的图像处理等领域.图像分割技术是目前预测图像领域 ...
语义分割重制版1——Pytorch 搭建自己的Unet语义分割平台
转载:https://blog.csdn.net/weixin_44791964/article/details/108866828?spm=1001.2014.3001.5501 对应b站视频:ht ...

浅谈html的语义化和一些简单优化,浅谈HTML的语义化和一些简单优化

、

、

、

、

、

,作为标题使用，并且依据重要性递减，

是最高的等级；

标签内；

浅谈html的语义化和一些简单优化,浅谈HTML的语义化和一些简单优化相关推荐

最新文章

热门文章