当前位置: 首页 > article >正文

html5语义化标签

目录

前言

什么是语义化标签

常见的语义化标签

语义化的好处


前言

HTML5 的设计目的是为了在移动设备上支持多媒体。之前网页如果想嵌入视频音频,需要用到 flash ,但是苹果设备是不支持 flash 的,所以为了改变这一现状,html5 应运而生。

什么是语义化标签

类似于 p,span,img 等这样的,看见标签就知道里面应该保存的是什么内容的是语义化标签。

像 div 这样的里面可以装任意东西的就是非语义化标签。

常见的语义化标签

语义化的好处

  • 代码结构: 使页面没有css的情况下,也能够呈现出很好的内容结构
  • 有利于SEO: 爬虫依赖标签来确定关键字的权重,因此可以和搜索引擎建立良好的沟通,帮助爬虫抓取更多的有效信息
  • 提升用户体验: 例如title、alt可以用于解释名称或者解释图片信息,以及label标签的灵活运用。
  • 便于团队开发和维护: 语义化使得代码更具有可读性,让其他开发人员更加理解你的html结构,减少差异化。
  • 方便其他设备解析: 如屏幕阅读器、盲人阅读器、移动设备等,以有意义的方式来渲染网页。

http://www.kler.cn/a/103712.html

相关文章:

  • AI基础软件:如何自主构建大+小模型?
  • 启动两个线程,用另一个线程以通知的终止另一个线程
  • 云原生Docker Cgroups资源控制操作
  • 【多线程】Java如何实现多线程?如何保证线程安全?如何自定义线程池?
  • Matlab读写操作
  • 面试题之在async await中如何捕获到reject的Promise?
  • (个人笔记质量不佳)SQL 左连接、右连接、内连接的区别
  • BadNets:基于数据投毒的模型后门攻击代码(Pytorch)以MNIST为例
  • 封装一个vue3 Toast组件,支持组件和api调用
  • 北京等保测评:携手守护网络安全!
  • 【模式识别】贝叶斯决策模型理论总结
  • 图像语义分割 pytorch复现DeepLab v1图像分割网络以及网络详解(骨干网络基于VGG16)
  • CSS设置超出范围滚动条和滚动条样式
  • 14、Python -- 列表推导式(for表达式)与控制循环
  • Docker操作总结
  • crossover23.6闪亮登场发布啦,2023最新功能解析
  • 脏牛提权 liunx
  • 在k8s中 ,数据包是怎么从外部流转进入到pod的?
  • 电子管是什么?
  • IT行业就业前景