zoulin html4升级为html5是必须的，html5是网页的新标准，对于网站的收录更加优化，做seo的朋友一定要将做一下和HTML5迁移，今天我们就来讲一下怎么升级。
首先提一下用到的一个js文件，众所周知，IE8及其以下的IE低版本浏览器是不支持html5标签的，更无奈的是IE9虽然支持了部分html5标签，但是对系统做了严格限制，那就是xp系统是无法装IE9的，这就把IE8、IE7这些低版本浏览器的死期更xp系统的死期狠狠地绑在了一起。html5shiv，html5shiv.js的作用是能够帮助用户解决ie浏览器对html识别的问题，一些用户自己在制作demo的时候喜欢性的使用一些版本较低的浏览器，英雌就会产生识别显示问题，添加这款文件能够有效的帮你解决这个问题哦，需要的用户就网下载吧！
1、需要替换的网页标签
<div id="header"> 替换为 <header>
<div id="menu"> 替换为 <nav>
<div id="content"> 替换为 <section>
<div id="post"> 替换为 <article>
<div id="footer"> 替换为 <footer>
并将css中相关的 样式替换
2、修改html文档类型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
改为
<!DOCTYPE html>
3、修改编码信息
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
改为 HTML5：
<meta charset="utf-8">
4、添加js支持文件
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.js"></script>
<![endif]-->
5、div标签修改
在 HTML5 标准中，<section> 元素被定位为相关元素的块。
<article> 元素被定义为相关元素的完整的自包含块。
<div> 元素被定义为子元素的块。
对于HTML页面中的菜单信息，使用nav标签代替，使整个文档结构清晰。例如，把 id="menu" 的 <div> 元素修改为<nav>元素。
使用header标签定义头部，使用footer标签定义底部。
对于HTML页面中的菜单信息，使用nav标签代替，使整个文档结构清晰。例如，把 id="menu" 的 <div> 元素修改为<nav>元素。
微信扫一扫打赏
支付宝扫一扫打赏
评论列表()