html5语义化标签

目录

前言

什么是语义化标签

常见的语义化标签

语义化的好处


前言

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

什么是语义化标签

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

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

常见的语义化标签

语义化的好处

  • 代码结构: 使页面没有css的情况下,也能够呈现出很好的内容结构
  • 有利于SEO: 爬虫依赖标签来确定关键字的权重,因此可以和搜索引擎建立良好的沟通,帮助爬虫抓取更多的有效信息
  • 提升用户体验: 例如title、alt可以用于解释名称或者解释图片信息,以及label标签的灵活运用。
  • 便于团队开发和维护: 语义化使得代码更具有可读性,让其他开发人员更加理解你的html结构,减少差异化。
  • 方便其他设备解析: 如屏幕阅读器、盲人阅读器、移动设备等,以有意义的方式来渲染网页。
相关推荐
xkxnq1 天前
第四阶段:Vue 进阶与生态整合(第 58 天)(Vue 项目部署:打包、上线与服务器配置)
服务器·前端·vue.js
雾削木1 天前
使用 ESPHome 的核心指令
java·前端·javascript·单片机·嵌入式硬件
Kratzdisteln1 天前
【MCM】mermaid
前端·javascript·html
冰暮流星1 天前
javascript如何实现将一个整数倒过来输出
开发语言·前端·javascript
0思必得01 天前
[Web自动化] 爬虫合规指南:从法律红线到安全实践
前端·爬虫·自动化·web自动化
Code小翊1 天前
Vue 3 核心语法速查
前端·javascript·vue.js
雨季6661 天前
Flutter 三端应用实战:OpenHarmony “安全文本溢出处理调节器”
开发语言·前端·安全·flutter·交互
雨季6661 天前
Flutter 三端应用实战:OpenHarmony “极简安全文本对齐调节器”
开发语言·前端·javascript·安全·flutter·交互
木子啊1 天前
Uni-app跨页面通信三剑客
前端·uni-app·传参
tao3556671 天前
【用AI学前端】准备工作
前端·人工智能