欢迎光临西安招财猫广告有限公司官方网站
在线留言 | 收藏本站 | 联系我们 | 开票信息
E-mail:337097579@qq.com
24小时服务热线:

18049615607


服务缔造价值,细节成就价值

HTML 5会怎样影响我们的SEO优化首页>最新资讯 / NEWS>行业资讯>

作者:姚钱树 浏览数:正在读取 更新时间:2015-02-04
  • 首先应该大体了解什么是HTML5,HTML5 就是第五代W3C的核心语言也就是我们常说的HTML代码。它是在HTML4.01上做了一次新的改革,或是说是为了弥补上一个版本的不足之处。从而加强不同User-agent之间的互操作性。

    HTML 5 将会带入一种更好的功能来帮助程序员或是搜索引擎来解剖一个网页的代码。在过去div标签可能被用在很多页面当中,可以说是泛滥。可是在HTML 5 中会出现一组新的代码元素来描述导航、头部、文字等内容。而这个新的元素可以帮助搜索引擎更好更快地去理解页面的内容。

    下面有2张图就能更好的结束HTML5 与之前版本的不同之处:

    我们可以清楚的看到,现版本HTML是大量使用Div标签主要原因是无法精准地表达代码的位置和内容,而HTML 5 就从中独立出新的元素代码来单一描述所要表达的代码。因此我们的新代码就可以写成:

     

    <body> <header>...</header> <nav>...</nav> <article> <section> ... </section> </article> <aside>...</aside> <footer>...</footer> </body>

    另外有个例子就是,新的“对话标签”可以替代以前的代码,从而更加的简练易懂。比如WP中有个Twitter的插件可以这样写:

     

    <dialog id="Twittering">
    <dt> <time>14:22</time> richardbaxter
    <dd> Has anyone seen the latest Battlestar?
    <dt> <time>14:23</time> ZakaZaka
    <dd> @richardbaxterGet on with your job!
    </dialog>

    视频或是音频类的页面可以写成:

     

    <video src="video.ogv" controls poster="poster.jpg" width="320" height="240"> <a href="video.ogv">Download movie</a> </video>

    <audio src="music.oga" controls> <a href="music.oga">Download song</a> </audio>

    HTML 5 必定会给SEO带来一种全新的代码优化改革,作为SEOer必须了解新技术所带来的改变,从而在今后页面设计中逐步使用新的技术。

    PS:感谢网友来到前端开发分享网学习~~ 欢迎大家扫二维码学习更多相关前端知识!!
     转载请注明原文/译文出处、译文超链接和译者等信息,否则视为侵权,谢谢合作!