zoukankan      html  css  js  c++  java
  • html学习之——标签语义化

     html语义化在前端学习中会经常出现,下面对html语义化做个总结

    一、什么是HTML语义化

    HTML语义化总的来说就是用正确的标签做正确的事。围绕着一些标签展开,如h1-h6。把适当的标签用在合适的地方。是页面结构更加的清晰。

    二、html语义化有什么作用

    1、使用html语义化,能使页面结构更清晰,便于解析。

    2、有利于SEO。搜索引擎爬虫依赖于html标签来确定上下文和关键字权重。

    3、使用html语义化,在没有css样式的时候页面也能正确清晰的呈现

    4、有利于各种设备的解析,如盲人阅读器,屏幕阅读器

    5、有利于团队合作开发与维护。

    三、html5增加的语义化标签

    1、<title></title>

    页面的标题,具有唯一性,标题的取名尽量包含网页几个关键字。

    2、<h1-h6></h1-h6>

    用于分级标题,创建网页的层级关系。如果搜的的关键词与分级标题相匹配,则标题就会被赋予很高的权重。

    3、<header></header>

     网站的标志,主导航,搜索框等  

    4、<nav></nav>

    网站的导航。  

    5、<mian></mian>

    网页的主要内容,一个网页只能有一个  

    6、<article></article>

    一个独立的容器,比如文档,网页,像报纸一样包起来。

    7、<section><section>

    网站相似主题的一些内容,如自我介绍、联系信息等 。

    8、<aside></aside>

     附注栏,比如侧栏,引述,产品列表,链接等。

    9、<footer></footer>

    表示页脚  

    10、<small></small>

    指定细则,输入免责声明、注解、署名、版权。 

    11、<strong></strong>

    表示内容的重要性 

    12、<em></em>

    强调内容的重要性 

    13、<mark></mark>

    突出显示文本,梯形读者

    14、<cite></cite>

    指明引用或参考的内容,并不从中引述 

    15、<blockquoto></blockquoto>

    表示引述的内容

    16、<q></q>

    表示短引述  

    17、<figure></figure>

    创建图  

    18、figurecaption></figurecaption>

    创建图的标题,必须在前面或者结尾  

    19、<abbr></abbr>

    省略符

    20、<dfn></dfn>

    定义术语元素

    21、<time></time>

    表示时间 

    22、<code></code>

    表示编码 

    23、<address></address>

    表示一些信息,如地址 

    24、<del></del>

    表示删除的内容 

    25、<ins></ins>

    表示添加的内容            

    <pre></pre>

    预格式化文本

  • 相关阅读:
    Load Balancing 折半枚举大法好啊
    Big String 块状数组(或者说平方分割)
    K-th Number 线段树(归并树)+二分查找
    D. Powerful array 莫队算法或者说块状数组 其实都是有点优化的暴力
    CSU OJ PID=1514: Packs 超大背包问题,折半枚举+二分查找。
    运行时Runtime的API
    UIView的API
    UIControl的API
    UIScrollView的API
    使用KVO键值监听
  • 原文地址:https://www.cnblogs.com/qiaoyun/p/7506647.html
Copyright © 2011-2022 走看看