html5语义化标签

目录

前言

什么是语义化标签

常见的语义化标签

语义化的好处


前言

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

什么是语义化标签

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

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

常见的语义化标签

语义化的好处

  • 代码结构: 使页面没有css的情况下,也能够呈现出很好的内容结构
  • 有利于SEO: 爬虫依赖标签来确定关键字的权重,因此可以和搜索引擎建立良好的沟通,帮助爬虫抓取更多的有效信息
  • 提升用户体验: 例如title、alt可以用于解释名称或者解释图片信息,以及label标签的灵活运用。
  • 便于团队开发和维护: 语义化使得代码更具有可读性,让其他开发人员更加理解你的html结构,减少差异化。
  • 方便其他设备解析: 如屏幕阅读器、盲人阅读器、移动设备等,以有意义的方式来渲染网页。
相关推荐
Fly-ping1 分钟前
【前端】vue3性能优化方案
前端·性能优化
curdcv_po3 分钟前
前端开发必要会的,在线JS混淆加密
前端
天生我材必有用_吴用5 分钟前
深入理解JavaScript设计模式之单例模式
前端
LuckySusu5 分钟前
【HTML篇】DOCTYPE 声明:掌握浏览器渲染模式的关键
前端·html
Darling哒6 分钟前
HTML块拖拽交换
前端
码农之王6 分钟前
(一)TypeScript概述和环境搭建
前端·后端·typescript
葬送的代码人生18 分钟前
React组件化哲学:如何优雅地"变秃也变强"
前端·javascript·react.js
用户527096487449019 分钟前
🚀 前端项目代码质量配置Prettier + Commitlint + Husky + Lint-staged
前端
xiaok20 分钟前
await返回之后的赋值给一个变量可以打印出数值,但是直接return回去之后,在另一个函数打印出来却是一个promise
前端
Bl_a_ck23 分钟前
【JS进阶】ES6 实现继承的方式
开发语言·前端·javascript