【HTML】语义化你的HTML

  如果只注意表现层,HTML标签只是一个“钩子”,提供给CSS/JS处理,因为我们完全可以通过CSS/JS设置我们希望的样式。

  但是,为什么要使标签语义化?

  好处是明显的:

    1.  使页面结构清晰化

    2.  搜索引擎通常会检索标签名而非CSS样式找到你的网站

    3.  丰富了“钩子”,便于CSS/JS处理

    4.  遵循同样的WEB标准,便于团队开发和维护

 

  那么,语义化包括什么?

  现在简要列举一下:

    1.  <hx>

       h1,h2,h3,h4,h5,h6作为标题

 

    2.  <p>

       <p>作为段落。

       <p>内的文字会自动换行,并且换行的效果比<br />要好  

 

    3.  <ul>

       无序列表

  

    4.  <ol>

       有序列表

 

 

    我们要注意什么?

    不要试图用标签的默认样式来控制样式

    决定用哪个标签的是内容的意义,而非样式,比如如果有几个块的样式相似,而含义无关联,就不要用<li>(曾经踩过的坑)。

【HTML】语义化你的HTML,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。