是SEO有前景还是html5？

尽管现在html5还是在探索阶段，但作为一个seo人员，必须要洞察先机，了解一些关于html5的知识并分析是否会对seo造成影响。事实上html5对网页设计和开发人员的冲击和影响，远远超过seo人员，但这并不意味着seor无须就html5对搜索引擎优化策略做出调整。

html5新特性

html5是互联网技术逐年演变的一种产物，包含了很多新的标签和元素，具体可以查阅《图解html5》一文，但它仍然是基于xml的一种网页表达语言，和html4相比也不是发生了翻天覆地的变化，而且对它的父辈有很好的兼容性，所以我们大可不必忧虑什么都得重头学起，甚至认为html5很难。

html5的哪些变化可能会影响seo

作为seo人员，我们只会关注html5规范发生了哪些可能会影响到seo的变化，下面是其中的一些。

改进网页分块

现在的网页基本上都是分块的，网页分块意味着将一个页面划分为几个独立的部分，包括内容、菜单、头部、底部、链接等，但是站长没有办法告诉搜索引擎应该如何对一个网页进行分块，就是说没有办法告诉搜索引擎哪块是头部，哪块是底部。不过html5将可以改变这一现状，只要使用一些新的标签，如<header>和<footer>标签等。

新的<article>标签

估计这将会是对seo最有积极影响的html5新标签，因为这样可以直接标识文章内容部分，而且可以避免使用<div>这些标签从而让html代码变得更简洁，无疑对搜索引擎变得更加友好了。另一方面，放在<article>标签里的内容将比放在页面其他地方的内容能在搜索引擎那里获得更加多的权重。

新的<section>标签

<section>标签可以用来识别一个页面或者一本书里单独的章节，它的好处就是每一个章节都可以拥有单独的html标题，再结合<article>标签考虑，就可以推断到搜索引擎将会更加注重单独章节里的内容。举个例子，如果在某一章节里找到与搜索字符串相匹配的内容，将比在整个页面或者其他地方找到的能获得更高的相关性。

新的<header>标签

<header>标签对于seo人员来说是一个福音，因为相比于现在的head，它提供了更大的灵活性。<header>标签和<H1>标签的作用非常相似，但不同的是，<header>里面可以包含很多东西，包括可以是<H1>、<H2>括起来的内容，也可以是整段文字，又或者是链接，以及你觉得有相关的其他信息。

新的<footer>标签

<footer>标签没有<header>标签那么管用，但仍然可以包含一些重要信息在里面，它可以用作seo的一种手段。<header>和<footer>标签可以在一个页面里多次出现，例如，我们可以为一个单独的section配备一个<header>和一个<footer>，这无疑为我们提供了很大的灵活性。

新的<nav>标签

网站面包屑导航是seo的重要因素，一个导航友好的网站无疑可以在搜索引擎那里获得更高的排名，所以一切简化导航的做法都是对seo有作用的，而<nav>就可以做到这一点。

我们在这里只是列举了部分在某种程度上可能会对seo产生影响的html5新标签，html5还有很多新的标签，例如<audio>、<video>、<dialogue>等，但它们对seo的重要性相对较低，所以在此不作讨论。

总结

目前，html5对于大部分人来说还是很遥远的，当越来越多的网页应用上html5的时候，搜索引擎才会更加注重html5，并作出相应的策略调整，或者只有那时才会知道搜索引擎究竟会如何对待html5的页面。现在看来，html5的大规模普及并不是很快就会发生的事，所以我们无须过分担忧它对seo产生的影响，可以继续只关注html4。另一方面，浏览器也需要时间去为html5作出改变，所以html5无处不在的那一天还挺遥远的。

不过，一旦html5为所有浏览器和更多的用户所接受，它将成为未来很长时间的主导标准，所以我们要时刻关注它的动态、关注其他站长正在做什么，目的是为了确保不要错过当html5成为事实标准后应该马上作出反应的那一个时机。

video标签的属性

src: 用于告诉video标签需要播放的视频地址

autoplay: 用于告诉video标签是否需要自动播放视频

controls: 用于告诉video标签是否需要显示控制条

poster: 用于告诉video标签视频没有播放之前显示的占位图片

loop: 一般用于做广告视频, 用于告诉video标签视频播放完毕之后是否需要循环播放

preload: 预加载视频, 但是需要注意preload和autoplay相冲, 如果设置了autoplay属性, 那么preload属性就会失效

muted:静音

width/height: 和img标签中的一模一样

自己需要注意的是

在电脑中src即使找到了该文件也只是用11213才能打开，除非是在你设置格式之后才能直接以图片格式打开 如下

1.格式:

<video>

<source src="" type=""></source>

<source src="" type=""></source>

</video>

2.第二种格式存在的意义:

由于视频数据非常非常的重要, 所以五大浏览器厂商都不愿意支持别人的视频格式, 所以导致了没有一种视频格式是所有浏览器都支持的

这个时候W3C为了解决这个问题, 所以推出了第二个video标签的格式

video标签的第二种格式存在的意义就是为了解决浏览器适配问题

video 元素支持三种视频格式, 我们可以把这三种格式都通过source标签指定给video标签, 那么以后当浏览器播放视频时它就会从这三种中选择一种自己支持的格式来播放

3.注意点:

3.1当前通过video标签的第二种格式虽然能够指定所有浏览器都支持的视频格式, 但是想让所有浏览器都通过video标签播放视频还有一个前提条件, 就是浏览器必须支持HTML5标签, 否则同样无法播放

3.2在过去的一些浏览器是不支持HTML5标签的, 所以为了让过去的一些浏览器也能够通过video标签来播放视频, 那么我们以后可以通过一个JS的框架叫做html5media来实现

-->

---