Blog

关于Html标签语义

网页前端布局由table过渡到div+css,逐步在向web标准靠近。但不得不说的是,还有少许的前端制作人员认为在做布局的时候不用font标签之类的就算是web标准了,从而导致如今网上“div泛滥”,一看源文件,汗,除了div没其他标签了。。。 严肃滴说一句,这不叫web标准,这叫“div+css”——名副其实的“div+css”。 有些前端制作人员认为只要根据设计效果图,用“div+css”做出了完整的效果,且兼容各个浏览器,就没有问题了,但是却疏忽了web标准。这样的页面只是“看起来没任何问题”,因为人类是可以通过视觉的划分判断内容的语义,可是搜索引擎看到的只是代码——搜索引擎只能通过标签来判断内容的语义。那么我们为什么要注重语义呢,因为页面的很大一部分流量是来自搜索引擎的,要使页面尽可能地对搜索引擎友好,所以就要尽可能地使标签语义化。 其实所有的标签都是有语义的,例如: div 语义:Division(分隔) ol 语义:Ordered List(排序列表) ul 语义:Unordered List(不排序列表) li 语义:List Item(列表项目) hx 语义:headword(标题) p 语义:paragraph marks(段落标记) span 语义:Span(范围) ………… 其中,值得重点提及的是h标签,h标签的语义是标题,搜索引擎对这个标签比较敏感,特别是h1,和h2。一个语义良好的页面,h标签应该是完整有序没有断层的。也就是说,要h1,h2,h3,h4这样推下来,不要h1,h3,h4,漏掉h2。一个结构良好的网页,h标签可以组织起一个网页的大纲。 仅有div标签构成的页面一点语义都没有,搜索引擎根本看不懂,那样的话搜索引擎对你网站的流量一点帮助都起不到。所以,要记住: 结构(html)才是重点,样式(css)是用来修饰结构的。先确定html,再确定标签,最后来选用合适的css,使页面尽可能达到完美。

Words translated by CCJK

146,096,379

Request a call or contact us

  •  

    Call ccjk.support for professional assistance

  •  

    Click Here to leave us a message and be as detailed as possible.

We are Certified

Our Client Satisfaction

rating for previous quarte

4.00
  •  
    Inquiry Form

    Please take few minutes to fill
    inquiry form and get Free Quote

  •  
    Request a Call

    Click to receive Free Call, Our
    Representative will contact you

  •  
    Leave a Message

    Please leave us a message and
    be as detailed as possible

Over 95% of our clients recommend our language services to others


Copyright © CCJK Technologies Co., Ltd. 2000-2017. All rights reserved.
TOP