• HTML语义化标签


            HTML描述的是网页内容的含义,即语义。语义化标签(semantic HTML)指的是那些使用最恰当的HTML元素进行标记的内容,在标记的过程中并不关心内容的显示效果。HTML定义的是

           基本HTML页面的语义,了解一些常见用的HTML元素。可以通过访问  https://www.w3cschool.cn/   来了解更多关于HTML元素的基本内容。

    • <head>头部                       
    • <body>主体
    • <a> 超链接
    • <marquee>滚动字幕
    • <ol>有序列表
    • <ul>无序列表
    • <dl>说明项目条例
    • <i>定义斜体字
    • <b>定义粗体文本
    • <em>定义着重文字
    • <small>定义小号字
    • <strong>定义加重语气
    • <sub>定义下标字H2O
    • <sup>定义上标字c²=a²+b²
    • <ins>定义插入字(文字下方下划线效果)
    • <del>定义删除字(文字中间有一条横线)
    • <code>定义计算机代码
    • <kbd>定义键盘码
    • <samp>定义计算机代码样本
    • <var>定义变量
    • <pre>定义预格式文本
    • <abbr>定义缩写
    • <address>定义地址
    • <bdo>定义文字方向
    • <blockquote>定义长的引用
    • <q>定义短的引用语
    • <cite>定义引用、引证
    • <dfn>定义一个定义项目 
    • <form>定义一个表单
    • <table>定义一个表格

    (部分内容)

           HTML语义化的重要性。

    1. 实现了无障碍访问:使其内容对于借助辅助技术的残障访问者也是可以访问的,对于台式机、手机、平板或是其他设备上的浏览器都是可以访问的;’
    2. 搜索引擎优化:网页在搜索引擎中的排名会靠前,因为搜索引擎对用特殊标记的内容赋予更高的权重;
    3. 更容易维护代码和添加样式:清晰的结构能使代码更有效,更加有利于维护,更容易检索到可能出现的错误。借助css统一特定的元素的样式。

         如何实现html语义化?减少对html结构的依赖,例如在html结构中有一个设置文字样式的<font>标签,但是在html5协议中则不建议再进行使用,建议把<font>标签转化为CSS样式定义的例如<h1 style="font-size:30px"> 这样作为一个样式值而不是单独的html标签形式。尽量使用css来设置结构,用HTML定义框架。

  • 相关阅读:
    [SCOI2009] Windy数
    [P1361] 小M的作物
    Wannafly Camp 2020 Day 2E 阔力梯的树
    2017百越杯反序列化writeup
    大美西安writeup
    Thinkphp的SQL查询方式
    Thinkphp的CURD
    记一次拿webshell踩过的坑(如何用PHP编写一个不包含数字和字母的后门)
    ThinkPHP的输出和模型使用
    ThinkPHP的运行流程-2
  • 原文地址:https://www.cnblogs.com/nyw1983/p/11252097.html
Copyright © 2020-2023  润新知