首页
前端开发

分类

当前位置: 云海天教程网 > 技术新闻 > 前端开发 >正文

第 3 题:如何理解 HTML5 语义化?

更新时间:2021-07-21  作者:佚名   来源: 网络转载

第 3 题:如何理解 HTML5 语义化?

什么是标签语义化?

  • 提升代码可读性,便于团队开发和维护

为什么要标签语义化?

  • 当网页去掉 CSS 样式时,页面能呈现出来清晰的结构

案例

  • 不存在语义化

    <div></div>
    <div></div>
    <div></div>
    
  • 使用语义化

    <header></header>
    <main></main>
    <footer></footer>
    
  • 总结:从上面可以看出,一个页面里面放 3 个 div 别人也不知道这是啥意思。如果使用语义化标签就能清楚的知道分为 3 个模块顶部、中间、底部。

附加

  • 此文章通过自媒体多平台发布,发布后不再进行维护,如对内容有任何异议可以到下方的 GitHub 中进行讨论

  • 【持续维护/更新 500+前端面试题/笔记】https://github.com/noxussj/Interview-Questions/issues

  • 【利用 THREE.JS 实现 3D 城市建模(珠海市)】https://3d.noxussj.top/

posted @ 2021-07-20 15:56  Noxus丶SJ  阅读(9)  评论(0)  编辑  收藏  举报
刷新评论刷新页面返回顶部

原文链接:https://www.cnblogs.com/noxussj/archive/2021/07/20/15035381.html

上一篇:WEB开发-HTML入门学习总结 下一篇:第 1 题:HTML 和 HTML5 有什么区别?
小编推荐
快速导航更多>>
JavaScript 教程 HTML5 教程 CSS3 教程 jQuery 教程 Vue.js 教程 Node.js 教程 SQL 教程 C 教程 PHP 教程 Linux 教程 Docker 教程 Nginx 教程 Python 教程 Java 教程

云海天教程网 版权所有

陕ICP备14013131号-3

返回顶部