zoukankan      html  css  js  c++  java
  • HTML标签语义化

      1.什么是标签语义化?

        像<h1-h6>,<ul><li>,<strong>等以及HTML5中的<header>,<article>,<nav>,<footer>等标签,通过标签就可以知道标签的含义,这就是语义化;

      2.为什么要标签语义化?

        2.1 便于开发者维护、开发

          如果满篇都是<div>这种无意义的标签,开发人员只能通过css定义的类选择器了解标签的含义;

          如果使用<header><article><nav><footer>等,就很清晰的了解整体代码结构

        2.2 便于SEO,搜索引擎爬虫更能够解析网页;引擎爬虫会根据标签确定上下文,提高关键字的权重比;

        2.3 在样式丢失时,能够呈现出清晰的结构;

      

      3.开发中如何遵循语义化标签?

        3.1 尽量少使用无意义的标签span/div

        3.2 尽量不使用标签本身的属性,<b><font>等,推荐使用css中的样式

        3.2 尽量不使用<strong>等,推荐使用css中的样式

        3.4 搭建表格时,使用<thead><tbody><tfoot>

        3.5 搭建列表时,使用<ul><ol><dl>

  • 相关阅读:
    pro asp.net mvc5 7
    pro asp.net mvc5
    第九章 观察者模式 OBSERVER
    第八章 单件模式 singleton
    第二部分 职责型模式responsibility
    设计模式5 合成模式 COMPOSITE
    linux中xargs用法
    linux中du的用法
    linux中find的用法
    linux中grep注意
  • 原文地址:https://www.cnblogs.com/RocketV2/p/8762325.html
Copyright © 2011-2022 走看看