百度易平台使用HTML5技术
HTML5已经被很多朋友开始应用到新的网站建设中,百度公司旗下移动平台——易平台也使用了HTML5代码。
我们先来看下易平台网页代码。
声明标签DOCTYPE的写法和其他使用HTML5代码的网站保持一致,而html标签中lang属性和xml:lang属性却没有省略。xmlns属性也没有,认为前两个属性是需要保留的,而第三个属性是可以省略掉的。
meta标签的写法也跟其他使用HTML5的网站不同,其他网站都是在meta这个元标签后面直接加charset属性,即:
很多朋友说UTF没大写,单标签没有加空格斜杠表示结束,这样写是符合要求的。只是没有优化到最简状态,即将属性后面跟的双引号去掉。作者author违背了大小写之外,没错。CSS和JS就不提了,单标签都可以把空格斜杠省略掉的。
header标签和nav标签中间可以填写关键词,如果能够使用h1就更帅了。不过我们也注意到,在HTML5中a标签的title属性几乎没有被使用。奇商SEO团队也不建议使用,因为HTML5的优化与HTML4的不同点在于,HTML5的优化必须要考虑到iphone、ipad、诺基亚手机等移动平台的打开速度,也就是说代码尽量往少的地方修改。
此处如果是文字尽量用h1,链接尽量去掉多余属性,包括title属性。
由于百度的网页简洁,算不上企业站,企业站的nav还是尽量写在header下面,也就是独立使用,这样nav中的链接仍然可以使用 strong来进行优化。鉴于h1标签一个页面只能使用一次的标准,我们不推荐百度这样使用,建议尽量是该页面的标题,文章页面就使用文章标题,产品页就是用产品标题,栏目页面就是用栏目标题等等。
action标签百度在这类未使用,如果您的页面有相关的解释信息,可以在这个标签中使用。注意的是这个标签必须在section标签内部使用。
footer标签我们不建议优化,官方的建议是这个标签可以使用small标签来进行处理,这也是为什么big标签去掉后,small标签仍然可以使用的原因。
最后我们可以在支持HTML5的浏览器中查看百度对该页面的快照,没有变形,有朋友看到变形的原因是您的浏览器不支持HTML5网页。
【百度易平台使用HTML5技术】相关文章
4. Giorgio Sardo:利用HTML5技术实现创新平台
8. PhoneGap开发初体验:用HTML5技术开发本地应用
本文来源:https://www.51html5.com/a1607.html
﹝百度易平台使用HTML5技术﹞相关内容
- 手机搜狐网计划改版,将利用HTML5技术
- 采用HTML5技术实现的远程桌面访问,Guacamole 0.6.4 发布
- pdf.js – 利用HTML5技术读取PDF文件
- 百度移动可搜龙点睛 技术创新挺进HTML5元年
- MUGEDA-基于HTML5技术的云动画平台
- 英特尔资本设立1亿美元基金推广AppUp平台(HTML5技术标准)
- IE10第四个平台预览版添更多HTML5技术支持
- 微博热议HTML5技术,跨平台游戏或兴起
- Adobe发布基于HTML5技术的网络开发工具以解决跨平台问题
- 移动平台上的HTML5技术是否华而不实