HTML语义化标签

举报
漪曦 发表于 2021/09/30 17:31:44 2021/09/30
【摘要】 HTML语义化标签

一、语义化标签

语义化标签就是让标签有自己的含义。

他的优点是:

  1. 代码结构清晰,方便阅读,有利于团队合作开发。
  2. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页。
  3. 有利于搜索引擎优化(SEO)。

二、常用的语义化标签

语义化标签有很多,有的我们经常会使用到

  1. 标题标签

    一个是网页的标题,一个是网页内容的标题,他们两个都是语义化标签

    <title>我是网页的标题</title>
    <h1>
        我是网页内容的一级标题
    </h1>
    <h2>
        我是网页内容的二级标题
    </h2>
    <h6>
        我是网页内容的六级标题
    </h6>
    <hgrope>标题组标签,里面放标题</hgrope>
    

    h1~h6标签是越来越大的,不过并没有什么作用,因为我们可以通过css讲他们的样式改变,使他们的字体大小,颜色,背景色等发生改变。

  2. 加粗斜体等标签

    <strong>预期加重标签</strong>
    <em>着重字体标签</em>
    <b>粗体标签</b>
    <i>斜体标签</i>
    <big>大字体标签</big>
    <smell>小字体标签</smell>
    <del>删除体标签</del>
    <q>引用标签</q>
    <plockqueto>长引用标签</plockqueto>
    <abbor>缩略词标签</abbor>
    <dfo>标记缩写,比如SSM</dfo>
    
    

结语

成功的重点不是你有一个十分聪明的大脑,而在于你是否坚持。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。