首页 >常见问题 > 正文

html怎么实现页面跳转

原创2021-06-21 13:55:4301014

html实现页面跳转的方法是,在html文档头部添加meta标签,通过meta标签设置跳转时间和页面即可,例如【<meta http-equiv="refresh" content="5;url=index.html">】。

本文操作环境:windows10系统、html 5、thinkpad t480电脑。

我们在html中可以使用meta标签来实现跳转,通过meta标签我们可以设置跳转时间和页面。可能有很多人不太了解meta标签,下面我们就来简单介绍下meta标签。

<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。

比如下面这几个例子:

定义文档关键词,用于搜索引擎:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

定义web页面描述:

<meta name="description" content="Free Web tutorials on HTML and CSS">

定义页面作者:

<meta name="author" content="Hege Refsnes">

每30秒刷新页面:

<meta http-equiv="refresh" content="30">

那么我们该如何使用meta标签实现页面跳转呢?

<head>
    <!--只是刷新不跳转到其他页面 -->
    <meta http-equiv="refresh" content="5">
    <!--定时转到其他页面 -->
    <meta http-equiv="refresh" content="5;url=index.html"> 
</head>

相关推荐:html视频教程

以上就是html怎么实现页面跳转的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 页面
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • HTML5 Canvas 动画实战教程HTML5 Canvas 动画实战教程
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • Web开发基础_HTML+CSSWeb开发基础_HTML+CSS
  • 新独孤九贱之:HTML5极速入坑新独孤九贱之:HTML5极速入坑
  • 视频教程分类