什么是语义化?
2023/4/10 0:22:00
本文主要是介绍什么是语义化?,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
语义化
什么是语义化?
简单了来说就是,当网页去掉 CSS 样式时,页面能呈现出来清晰的结构。
语义化的核心作用:提升代码可读性,便于团队开发和维护。
以下是语义化的 HTML 标签结构(部分语义化标签):
假设我要编写一个这样的布局
不使用语义化是这样的
<div></div> <div></div> <div> <div> <div></div> <div></div> </div> <div></div> </div> <div></div>
使用语义化是这样的
<header></header> <nav></nav> <main> <section> <section></section> <article></article> </section> <aside></aside> </main> <footer></footer>
从上面的例子可以看出来,去除页面样式后,不使用语义化一堆 div 很难看出来是什么模块。而使用语义化标签后,就能够清晰看出包含了头部模块、导航模块、主要内容展示模块、侧边栏模块、底部模块等。
这篇关于什么是语义化?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-04-07金融企业区域集中库的设计构想和测试验证
- 2024-03-11前端CSS的工程化——掌握Sass这四大特性就够了
- 2024-02-21h5关联css样式(html怎么和css关联)-icode9专业技术文章分享
- 2024-02-07Firefox禁止远程字体加速网页加载及图标字体补充安装
- 2024-02-07一个菜鸡前端的3年总结-「2023」
- 2024-01-18最火前端Web组态软件(可视化)
- 2024-01-12程序员提效 x10 的必备开源“神器”
- 2024-01-11前端可以监控静态资源的时间吗-icode9专业技术文章分享
- 2024-01-11前端系列:ES6-ES12新语法
- 2024-01-03前端 Git 使用约定