HTML语义化是指在用标签构建HTML页面时避免大篇幅地使用无语义的标签

HTML语义化的好处:

  1. 有利于SEO,搜索引擎根据标签确定上下文和各个关键字的权重。
  2. 利于用户阅读,样式文件未加载时页面结构清晰。
  3. 利于屏幕阅读器解析,如盲人阅读器会根据语义渲染网页。
  4. 利于开发和维护,代码更具可读性、更易于维护。

HTML的语义化标签:

  • header
  • h1
  • h2
  • h3
  • nav
  • footer
  • article
  • section
  • p
  • ul
  • ol
  • li
  • blockquote
  • a
  • strong
  • em
  • q
  • abbr
  • small

HTML语义化是什么相关推荐

  1. 表单高级应用和语义化

    type="hidde" 隐藏域 disable 禁用 什么是表单语义化 符合W3C规范 语义化的标签 结构合理.代码简洁 分组<fieldset><legend ...

  2. html 的基本结构、标签(分类、关系)、文档类型、页面语言、字符集、语义化

    结构代码 <!DOCTYPE html> <html><head> <meta charset="UTF-8"><title& ...

  3. 说说你对 HTML 语义化的理解?

    (1)什么是语义化? 基本上都是围绕着几个主要的标签,像标题( H1~H6 ).列表(li).强调(strong em)等等 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读 ...

  4. HTML语义化:HTML5新标签——template

    一.前言 当我们使用String-base的模板引擎(如Handlebars.js等)时,要么就通过外部文件存放模板文本,需要时再通过XHR或script标签加载进来:要么通过<script t ...

  5. html5语义化标签大全

    常见的语义化标签有 <article>.<section>.<nav>.<aside>.<header>.<footer> 详细 ...

  6. HTML5语义化标签综合基础案例,HTML5语义化标签综合案例

    HTML 标签 声明必须是 HTML 文档的第一行,位于 标签之前. 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 请始终向 HTML 文档添加 ...

  7. h5的语义化部分_H5 部分新语义化标签

    1.header   页眉 2.footer 页脚 3.main 主体 4.hgroup  标题组合 5.nav 导航 注:以上标签结构中只能出现一次 6.article 独立的内容 7.aside ...

  8. HTML5学习之语义化标签

    一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...

  9. Semver(语义化版本号)扫盲

    最近Github 10周年在朋友圈里沸沸扬扬刷屏,小编在工作中却惊讶的发现不少同事对版本号中的beta和rc没有概念,使用npm install package@next时,也不清楚next代表的含义 ...

  10. 前端基础:web语义化

    web语义化 一.什么是web语义化? web语义化包含两方面,一是html标签语义化,简单来说就是要用合适的标签来表述适当的内容,标题用<h1>~~<h6>标签,段落用< ...

最新文章

  1. javascript和jq的事件委托
  2. 好好学python · 你真的会列表吗(列表推导式质检员)
  3. 近世代数--有限交换群--存在元素的阶是群阶的素因子
  4. 从6篇经典论文看问题生成及其相关技术
  5. 超详解析Flutter渲染引擎|业务想创新,不了解底层原理怎么行?
  6. 思科认证网络工程师CCNA(更新完毕)
  7. 向上类型转换和拷贝构造函数
  8. b样条和三次样条_样条曲线
  9. Exceptionless - .Net Core开源日志框架
  10. JavaSE——Java8之函数式接口、函数式编程、Lambda表达式
  11. NYOJ 90整数划分
  12. Print Conductor批量打印工具,Print Conductor|Crack版
  13. FlashFXP v3.5.4注册码+FlashFXP v3.6.0注册码+FlashFXP v3.7.2.build.1266...
  14. 计算机c盘小了,电脑C盘空间太小怎么办|电脑中使用分区助手扩大C盘空间的方法...
  15. FPGA 之 SOPC 系列(三)Nios II 体系结构
  16. C++17 并行排序初体验
  17. 全国增值税发票查验平台验证码识别
  18. 小小丁出生——有图有真相
  19. 腾讯地图javascript API实现地图模糊搜索标记,经纬度输入及点击双向定位
  20. 15. 程序员生存定律--使人生永动的势能

热门文章

  1. 低代码 前端页面可视化搭建
  2. 电脑只有飞行模式,没有WiFi(多种有效解决方式)
  3. 浪潮nf5280m5安装linux网卡,NF5280M5 – 常见问题
  4. 站在巨人的肩膀上,C++最常用的200个函数
  5. 日语初级上 | 第一课 李さんは 中国人です
  6. 云南财经大学二本计算机专业好吗,云南财经大学计算机软件与理论怎么样
  7. 竞彩公司每日足球比赛比分预测!
  8. jgit_JGit入门
  9. 有头结点和没有头结点
  10. csgo服务器响应参数,ESWC CSGO个人和服务器参数设置