怎么将HTML4升级为HTML5

 ll2l   2019-08-02 14:29   988 人阅读  0 条评论

html4升级为html5是必须的,html5是网页的新标准,对于网站的收录更加优化,做seo的朋友一定要将做一下和HTML5迁移,今天我们就来讲一下怎么升级。


首先提一下用到的一个js文件,众所周知,IE8及其以下的IE低版本浏览器是不支持html5标签的,更无奈的是IE9虽然支持了部分html5标签,但是对系统做了严格限制,那就是xp系统是无法装IE9的,这就把IE8、IE7这些低版本浏览器的死期更xp系统的死期狠狠地绑在了一起。html5shiv,html5shiv.js的作用是能够帮助用户解决ie浏览器对html识别的问题,一些用户自己在制作demo的时候喜欢性的使用一些版本较低的浏览器,英雌就会产生识别显示问题,添加这款文件能够有效的帮你解决这个问题哦,需要的用户就网下载吧!


下载.jpg


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>元素。

本文地址:http://www.hnzzwz.com/blog/post/104.html
版权声明:本文为原创文章,版权归 ll2l 所有,欢迎分享本文,转载请保留出处!

 发表评论


表情

还没有留言,还不快点抢沙发?