怎么用html5制作网页，怎么让IE8兼容html5

现在用html5做网页的已经很多了，但是毕竟还有很多人在用IE8，而IE8是不支持html5的，那么怎么用html5制作网页，怎么让IE8兼容html5呢？小编这里写了一个html5网页模版，一起来看看吧。

操作方法

  • 01

    首先我们新建一个html5文档，小编用的是sublime text3做演示。

  • 02

    然后需要写meta标签，这里主要用到了以下几个： <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no, email=no" />

  • 03

    然后为了让IE8支持html5标签和css3中的媒介查询，需要引入下面的js文件，从网上可以找到。 <!--[if lt IE 9]> <script src="html5shiv.min.js"></script> <script src="respond.min.js"></script> <![endif]-->

  • 04

    还有要注意IE8不支持placeholder属性，也需要引入js文件，这个js基于jQuery的，所以要先引入jQuery文件。 <script src="js/jquery-1.10.1.min.js"></script> <!--[if lt IE 9]> <script src="jquery.placeholder.min.js"></script> <script> $(function(){ $('input, textarea').placeholder(); }); </script> <![endif]-->

  • 05

    除了上面的代码之外，还可以从网上找到让IE8支持background-size属性的js文件，backgroundsize.min.htc，用法可以从网上找。

  • 06

    小编这里只是大概写了个html5文档模版，仅供参考。

赞 (0)

相关推荐

  • 如何用HTML5制作进度条方法教程

    进度条是指网络上文件.上传下载与浏览网页的可视化显示条.用HTML5制作,可以简练代码,防止网页冗余,下面,就让我们一起学习如何用H5制作一个即简单又美观的进度条吧 操作方法 01 先在<bod ...

  • 使用Pages(页面)面板制作网页

    下面通过一个具体的实例来说明Pages(页面)面板的实际作用,具体操作步骤如下. 1.新建一个Fireworks文件. 2.在弹出的[新建文档]对话框中设置画布的宽度为932像素.高度为538像素,背 ...

  • office 2010哪个组件可以制作网页?

    office 2010哪个组件可以制作网页?提到office 2010的组件,很多网友第一时间想到的就是:word.excell以及PPT这三款常用的办公软件,其实,office 2010的组件还不仅 ...

  • 如何使用ps和DW制作网页?使用ps和DW制作网页的方法

    想知道如何快速简单的建立一个网页,小编今天为大家带来的是如何使用ps和DW轻松制作网页,或许当我们看到一些导航网站时候,可能觉得制作一个网页一定不简单,那怎么让制作网页变得简单起来呢?一起来看看吧! ...

  • 如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果？

    如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果？

    相信很多小伙伴都有在使用Axure,在其中如何才能制作"网页中的点击关闭按钮后就能隐藏广告"的效果呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开Axure,在其 ...

  • 用word制作网页教程（word文档怎么做页面）

    用word制作网页教程（word文档怎么做页面）

    信息化急速发展的现代社会也是网页流量迅速发展的时代,那么你们知道如何制作网页吗?其实用Word文档就可以制作,下面一起来看看如何用Word文档制作网页吧!我们在视图中把Word文档改为Web版式,具体 ...

  • 建造网站新手教程。制作网页

    简单的建造个人简陋网站. 制作网页 操作方法 01 首先我们需要一个域名和空间,需要的可以到free点3v点do这里 申请一个免费的100m空间和域名 02 注册一个账号,带*号的选项是必须要填的.按 ...

  • 如何用Dreamweaver制作网页表格

    DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具.它使用所见即所得的接口,亦有HTML编辑的功能.它现在有Mac和Windows系统的版本.随Macromedia被Ad ...

  • 如何制作网页

    网页三剑客,顾名思义,是一套强大的网页编辑工具,最初是由Macromedia公司开发出来的.  Dreamweaver与Flash.Firework 并称为 Macromedia的网页制作三剑客,由于 ...