meta元素的几种用法 网页尺寸自适应和每5秒刷新一下浏览器并跳转到指定页面

最新推荐文章于 2023-02-14 00:44:42 发布
最新推荐文章于 2023-02-14 00:44:42 发布
阅读量304 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/java_userfortest/article/details/112796399
版权

注意

<meta> 标签永远位于 <head> 标签内部   content 属性必须和 name 或 http-equiv 属性共存亡。

1.为了让网页尺寸实现自适应，你应该在 HTML 文档中加入下面代码：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

2.实例

实例一：指定网页编码 <meta charset="UTF-8">

实例二：为搜索引擎提供关键词 <meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">

实例三：描述网页内容 <meta name="description" content="《零基础入门学习Web开发》案例演示">

实例四：定义网页的作者<meta name="author" content="小甲鱼">

实例五：每 5 秒刷新一下浏览器并跳转到指定页面 <meta http-equiv="refresh" content="5;http://bbs.fishc.com">

java_小白之璐
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML中设置网页自适应的MATE标签
洛阳梁朝伟的博客
07-21 1万+
一、 1.name="viewport"      //设置视口（网页可绘制的区域） 2.width=device-width    //应用程序的宽度和屏幕的宽度是一样的 3.height=device-height  //应用程序的高度和屏幕的高是一样的 4.initial-scale=1.0  //应用程序启动时候的缩放尺度（1.0表示不缩放） 5.mini
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
12-04
只需在head里加上下面这一句就行了，在当前页面停留0.1秒后跳转到目标页面 代码如下:<meta http-equiv=”refresh” content=”0.1; url=http://jb51.net/”> 2、Javascript实现 方法一： 这个方法比较常用 ...
html设置meta实现几秒后自动跳转到指定页面
Missing
07-28 1496
指定时间后自动刷新： <meta http-equiv="refresh" content="2"/> 指定时间后跳转到指定页面： <meta http-equiv="refresh" content="5; URL=http://www.baidu.com"/>
自适应跳转
weixin_33810006的博客
08-04 112
2019独角兽企业重金招聘Python工程师标准>>> ...
使用meta，5秒后进入其他网页
stevenjin的专栏
06-05 839
标记要放在标记之间。按如下设置，5秒后自动进入该页面: http://www.sohu.comsd
自适应随机背景跳转页源码
工具下载
02-19 258
源码介绍： 可以拿去做自己的外链中转单页，感觉挺不错的，记得把跳转网址设置好喔！ 我自己设置的是5秒，感兴趣的可以下载体验一下! 网盘下载地址： http://www.bytepan.com/EtXb5KJG0m0 图片： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YgoDMJUE-1613729784548)(https://www.5438.com.cn/upload/default/20210219/827a9316e307c967bed9cf6a1f810d
HTML实现自动刷新页面 以及 定时跳转到其它页面
读书札记2022的博客
11-29 3010
在页面中添加如下代码即可： <head> <!-- 每5秒钟刷新当前页面 --> <meta http-equiv="refresh" content="5"> </head>
JSP防止网页刷新重复提交数据的几种方法
01-19
本篇文章主要介绍了网页如何防止刷新重复提交与如何防止后退的解决方法，具体如下： 提交后禁用提交按钮（大部分人都是这样做的） 如果客户提交后,按F5刷新怎么办? 使用Session 在提交的页面也就是数据库处理之前： ...
使用CSS中的meta实现web定时刷新或跳转的方法
12-13
meta源信息功能之页面定时跳转与刷新 几乎所有的网页头部都有<meta>源信息。除了我们常用的定义编码、关键字(name=”keywords”)、描述(name=”description”)(for SEO)，还可以定义视区大小、缩放比例等(for ...
基于meta实现页面的定时刷新或跳转
09-28
主要介绍了基于meta实现页面的定时刷新或跳转 的相关资料,需要的朋友可以参考下
HTML5使用meta标签自适应的方法
weixin_41950078的博客
11-21 7491
使用meta标签：viewport H5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 视是用户网页的可视区域。翻译为中文可以叫做“视区”。 手机浏览器是把页面放在一个虚拟的“窗口”，（视口）比屏幕宽，这样就不用把每个网页挤到很小的窗口中这样会破坏没有针对手机浏览器优化的网页的布局），...
html的meta自适应布局浅谈
qq_34506728的博客
03-25 947
meta是html手机端自适应布局的一种方式： 1、必须在head标签里引入 2、再在style里引入@media screen and （min-width: 较小数字+单位（px）） and （max-width: 较大数字+单位（px）） { 写在此范围想要实现的css样式代码 }，当然也可以这么些@media screen and （min-width: 较小数字+单位（px）） { 同上...
几个meta属性让页面自适应手机屏幕
椰角科技的专栏
01-10 1593
几个meta属性让页面自适应手机屏幕
html中meta标签页面跳转与js代码跳转，以及延迟跳转记录
仿站、源码搭建/迁移技术博客
02-14 2131
meta标签中有一个content属性，表示打开此页面后，多少秒后开启跳转。还有个URL属性，表示跳转的网址。在HTML页中，可以使用meta标签进入页面的跳转，此方法可以控制跳转的时间，以及自由化的定义跳转的网址。
使用meta实现页面的定时刷新或跳转
weixin_34088598的博客
01-25 636
一、开篇小广告 今天在团队官博发了篇文章，名为“经验分享：多屏复杂动画CSS技巧三则”，大家如有兴趣，可以去围观下，点个赞，或评论什么的。 多屏css动画精进技巧-new 二、meta源信息功能之页面定时跳转与刷新 几乎所有的网页头部都有源信息。除了我们常用的定义编码、关键字(name=”keywords”)、描述(name=”...
5秒钟之后跳转页面（点击按钮直接跳转）
热门推荐
qq_45879198的博客
09-20 1万+
文章目录前言一、5秒钟之后跳转页面（点击按钮直接跳转） 前言 一些javascript的小功能的实现 提示：以下是本篇文章正文内容，下面案例可供参考 一、5秒钟之后跳转页面（点击按钮直接跳转） <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&gt
跳转适配、代码适配、自适应三种方式的对比
smxalong的博客
08-23 7593
目前主流的移动站的适配方式有三种，分别为：跳转适配、代码适配、自适应，下面我们一起来看看这三种方式的名词解释。   1、跳转适配。 该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua，然后使用HTTP重定向和VaryHTTP标头重定向到相应的页面。Pc和移动网址是不一样的，一般都是使用m.的二级域名。 为了让百度更好的了解单独的移动版网址，需要使用...
如何使页面中元素的尺寸动态变化适应页面
02-17 572
页面中想要一个div的高度等于一个计算后的值（因为为了适配不同尺寸），我们可以这样写： varmapH= $(window).height()-290+'px' $(".map").height(mapH)[或者这样写 $(".map").css(“height”,mapH) ] 但是问题...
html中＜meta＞设置延时自动刷新和几秒后跳转指定网址
MR.杜的博客
08-15 722
指定几秒后自动刷新： <meta http-equiv="refresh" content="2"> 指定几秒后跳转到某个网址： <meta http-equiv="refresh" content="4“ url=http://www.jd.com">
Html中当用户用手机浏览器打开改页面时跳转到另一个指定页面如何实现，帮我列举几种可用的实现方法
最新发布
06-04
当用户使用手机浏览器打开网页时，可以通过以下几种方式实现跳转到另一个指定页面： 1. 使用meta标签的方式： 在head标签中添加以下meta标签： ``` <meta http-equiv="refresh" content="0;url=http://example.com"> ``` 其中，content属性表示跳转的时间，单位为秒；url属性表示要跳转的页面的URL地址。这种方式会在用户打开页面后立即跳转到指定页面。 2. 使用JavaScript的方式： 在页面中添加以下JavaScript代码： ``` <script type="text/javascript"> if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) { window.location.href = "http://example.com"; } </script> ``` 其中，test方法判断用户使用的设备类型，如果是iOS或Android设备，则使用window.location.href属性跳转到指定页面。这种方式会在页面加载完成后跳转到指定页面。 3. 使用服务器端重定向： 在服务器端的代码中，判断用户使用的设备类型，如果是iOS或Android设备，则使用301或302状态码将用户重定向到指定页面。这种方式需要在服务器端进行处理，可以实现最精确的设备类型判断，并且不需要在页面中添加额外的代码。 以上三种方式都可以实现在用户使用手机浏览器打开页面时跳转到另一个指定页面的功能，你可以根据自己的实际需求选择合适的方式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值