html5语义化理解

最新推荐文章于 2024-04-29 21:30:00 发布
最新推荐文章于 2024-04-29 21:30:00 发布
阅读量73 收藏
点赞数
文章标签： html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55751104/article/details/128724418
版权

文章目录

语义化

什么是语义化

  1. 每一个HTML元素都有具体的含义
  • a元素:超链接
  • p元素:段落
  • h1元素:─级标题
  1. 所有元素与展示效果无关

元素展示到页面中的效果，应该由css决定。

因为浏览器带有默认的CSS样式,所以每个元素有一些默认样式。|

重要:选择什么元素，取决于内容的含义，而不是显示出的效果

VS里ctrl+d可以改变选中的标签

为什么需要语义化?

  1. 为了搜索引擎优化(SEO)
    搜索引擎:百度、搜狗、Bing
  2. 每隔一段时间，搜索引擎会从整个互联网中，抓取页面源代码,为了方便计算机理解，设置语义化
  3. 网页写得好，搜索引擎会更容易理解，让搜索结果靠前显示网页
  4. 有些元素不适用html5的原因是不符合语义化
六行代码
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
语义化的HTML结构怎么理解
09-28
相信大家都知道html和css，知道html结构和css表现分离，知道html语义化，这些都是这几年的热门关键字。语义化的html在国内也是一两年前才开始被追捧的，看看现在群里谈论的html结构，关于html结构的面试题，语义化的...
HTML5 语义化-详细分析
黑木令之佛性
06-29 8716
废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。 一. 什么是 HTML 语义化 1. “语义化”: 指的是机器在需要更少的人类干预的情况下, 能够研究和收集信息; 让网页能够被机器理解, 最终让我们受益 。 2. HTML 标签语义化: 是让大家直观的认识标签(markup)和 属性(attribute)的用途和作用 。 1. 很明显 Hx 系列看起来很像标题, 因为拥有粗体和较大的字号 。 2. <strong>,<em&
【HTML】讲讲对HTML5的语义化的理解
归子莫的博客
01-19 1491
在讲什么是语义化之前，先看看语义化的背景。 在之前的文章中提到HTML最重要的特性，那就是标签。但是项目一大，标签多的看不懂，一堆叠着一堆。一些命名奇奇怪怪，想维护被劝退，团队协作导致团战开始！ 因此语义化迫在眉睫！...
说说你对HTML5语义化的理解
weixin_34261415的博客
05-09 366
的HTML结构怎么理解 　　关于html结构的面试题，的html占据了很大一部分。那么为什么要使用的HTML？语义化的HTML到底有什么好处呢？ 　　HTML是提供网页文档内容的结构和含义；html本身是没有表现的，我们看到例如是粗体，字体大小2em，加粗；是加粗的，不要认为这是html的表现，这些其实html默认的css样式在起作用，所以首先我们要知道html和页面的表现...
HTML语义化的理解
on the road的博客
11-29 5697
http://sanwen8.cn/p/12emwCB.html http://www.5icool.org/a/201006/537_4.html
你是如何理解 HTML 语义化的？
weixin_44932552的博客
08-01 1594
面试题–你是如何理解 HTML 语义化的？ 简单来说：就是用正确的标签做正确的事。比如： 头部：header 导航：nav 主体内容：main 标题：h1 ~ h6 段落：p 侧边栏：aside 页脚：footer 从历史讲起，大家知道前端也是这两年才发展起来的，以前的前端都是写写展示页，所以其实很早以前，是没有专门的前端的，需要写网页了，就让后端看看顺手写了，所以那时候的网页，都是一堆Table 或者 满屏幕的div标签。不要说给别人看自己的HTML结构了，估计自己也看的够累。而且对于搜索引擎和设备
HTML中语义化的理解
06-21
搜索引擎优化（SEO）：搜索引擎更喜欢能够理解和解析的页面内容，语义化的HTML结构可以提高页面在搜索引擎结果中的排名，增加网页的曝光和访问量。 代码可读性和可维护性：使用语义化的标签和属性，可以让代码更易于...
加深对HTML和CSS标签语义化的理解
01-08
以前我真的没有怎么重视过搜索引擎，现在开始比较在意了，因为页面的很大一部分流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化。 以前以我对web开发的粗浅理解，觉得写一个...
Html技巧 语义化你的代码
12-02
Html语义化, 似乎是一个老生常谈的问题. Google 一下,也有大把关于语义化的文章. 为什么要语义化标签? 我是这样认为的:Html的每个标签都有它特定的意义,而语义化,就是让我们在适当的位置用适当的标签, 以更好的让...
HTML5语义化的理解
马优晨
05-27 4272
语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 ...
对HTML5语义化的理解
weixin_30314813的博客
05-22 354
语义化： 　　就是使用合理、正确的标签来展示内容，指对文本内容的结构化（内容语义化），选择合乎语义的标签（代码语义化），便于开发者阅读，维护和写出更优雅的代码的同时，让浏览器的爬虫和辅助技术更 好的解析。 语义化的优点： 　　易于用户阅读；样式丢失的时候能让页面呈现清晰的结构 　　有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重 方便其他设备解析，如盲人阅读器根据语义渲染网页 ...
理解HTML5语义化
weixin_43254265的博客
10-25 474
理解HTML5语义化 最近学习HTML，发现HTML5新增了一些元素。在HTML5以前，要表达一个文档结构，可能只通过&amp;lt;div…/&amp;gt;元素来实现，通过给div设定id或class来代表不同的含义。而为了使页面布局更加明确，HTML5便提供了很多语义更加明确的结构元素。HTML5还提供了很多其他语义元素。在此，有必要梳理一下对HTML5语义化的理解。 先来理解一下语义化的概念： 语义化就是...
简述一下你对HTML语义化的理解
LuckXinXin的博客
04-06 4129
HTML语义化：就是页面去掉样式或者加载失败的时候能够让页面呈现出清晰的结构。HTML5新增了好多语义化的标签，例如：header、footer、nav、menu、section、article等等，单单从字面上理解，就知道标签的含义。在写页面的时候，我们可以直接引用这些标签，不需要再用没有任何含义的div标签了，对于机器可以识别，对于开发人员很容易明白。这就是HTML语义化。 语义化的好处： 1...
用HTML5实现播放gif文件
最新发布
cnds123的专栏
04-29 238
用HTML5实现播放gif文件
前端HTML5学习1（新增布局，状态，列表，文本，表单控件标签）
qq_51752841的博客
04-26 1054
HTML5 新增布局，状态，列表，文本标签等
vue实现录音并转文字功能，包括PC端web，手机端web
byebukesi的博客
04-26 492
不止vue，不限技术栈，vue2、vue3、react、.net以及原生js均可实现。
2024 XYCTF Web 方向 wp 全解
qq_39947980的博客
04-27 949
XYCTF 2024 Web 方向全解
两个前端标签
ma_no_lo的博客
04-24 159
两个前端标签
docker部署前端项目（二）遇到的问题
weixin_45379180的博客
04-25 386
原因： 安装docker的时候使用的是 yum -y install docker 命令，这个命令安装的是老版本。报错四：conflicts with file from package docker-common。因为使用 sudo yum install docker （下载到的是旧版）missing signature key 缺少秘钥。yum remove docker 删除docker。1、docker版本号 只有1.13.1。解决：可能是docker 未启用。
如何理解HTML5语义化
07-12
HTML5语义化是指使用适当的HTML标签来描述网页内容的结构和含义，以提高网页的可读性、可访问性和搜索引擎优化。通过给不同的内容块选择合适的标签，可以使页面更具有语义化，更容易理解和解释。 语义化的好处包括...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值