html5+css3+javascrip示例精选

HTML5从入门到精通

每天一个小示例！

网页重定向

HTML5代码如下：

<meta http-equiv="content-type" content="text/html";charset="gb2312" />
<meta http-equiv="refresh" content="5;url=https://www.baidu.com/" /
 <p>对不起，已搬家，您的url为
   <a href="www.baidu.com">http://www.baidu.com</a>
  </p>
 <p>您将在五秒内被重定向至新地址</p>
 <p>若超过5秒，未刷新，请点击上方链接</p>

代码详解：

• meta 标签定义网页元信息
• http-equiv属性将content(meta标签必须存在的一个属性）关联到HTTP头部
  refresh为http-equiv的一个值，该值可以设置页面刷新时间或跳转页使用
  content定义刷新/跳转的时间，单位为S,引入url后，可定义需跳转的页面
  例：5秒后刷新页面/5秒后跳转至百度

<meta http-equiv="refresh" content="5" />

<meta http-equiv="refresh" content="5;url=https://www.baidu.com/" />

• content-type也为http-equiv的一个值，用来设置网页的编码信息，格式如上例所示

• a 标签定义超链接，href属性为a标签最重要的一个属性，用于定义链接的目标

网页运行结果如下：
跳转前：

跳转后：