HTML | HTML语义化标签

发布时间 2023-08-04 16:13:43作者: 张Zong在修行

概念:用特定的标签,去表达特定的含义。

原则:标签的默认效果不重要(后期可以通过 CSS 随便控制效果),语义最重要!

举例:对于 h1 标签,效果是文字很大(不重要),语义是网页主要内容(很重要)。

优势:

  • 代码结构清晰可读性强。
  • 有利于 SEO(搜索引擎优化)。
  • 方便设备解析(如屏幕阅读器、盲人阅读器等)。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML语义化标签</title>
</head>
<body>
     <h1>把个人信息“安全堤”筑牢</h1>
     <h4>2022-06-21 07:34 · 1347条评论</h4>
     <div>
        <p>置身移动互联时代,人们在享受智能设备带来便利的同时,也在一些场景中面临个人信息泄露风险。随着时间推移,这样的风险日益呈现出新的表现形式。</p>
        <p>一些APP声称看视频、玩游戏甚至走路都能赚钱,但用户想提现却难上加难,还容易泄露个人信息;新型不法软件图标透明、没有名称,在手机屏幕上十分隐蔽,不仅不停推送广告,还会收集并转卖用户隐私信息;个人信息安全和隐私保护话题引发关注,正说明其涉及群众切身利益,问题不容小视。</p>
     </div>
</body>
</html>