文档元数据base link meta元素

最新推荐文章于 2022-11-20 12:00:00 发布

kongjunchao159

最新推荐文章于 2022-11-20 12:00:00 发布

阅读量326

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/kongjunchao159/article/details/47317755

版权

HTML5 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

base元素：
base元素用于指定文档的默认基地址以及链接的打开方式
例子：
<head>
    <base href="/new/addr/" />
    <base target="_blank" />
</head>
<body>
    
    <img src="1.gif" />
    
    <a href="index.html"></a>
</body>

link元素：
1、定义css样式表
   <link rel="stylesheet" type="text/css" href="style.css" />

2、定义网页的图标，可使用H5新属性sizes规定尺寸
   <link rel="icon" href="favicon.ico" type="image/x-icon" sizes="16*16" />

3、苹果ios系统添加网页到桌面上，图标设置
   <link rel="apple-touch-icon" href="..png" sizes="57*57" />
   <link rel="apple-touch-icon-precomposed" href="..png" sizes="72*72" />
   注释：因为苹果有不同的分辨率，所以设置不同尺寸的icon
   apple-touch-icon和apple-touch-icon-precomposed区别：ios会默认给你的图标添加一些样式，如果你需要保留你图标的原始样式，使用apple-touch-icon-precomposed

4、ios应用添加启动画面（单击图标后在页面加载完成之前显示的广告图）
   <link rel="apple-touch-startup-image" media="screen and (orientation:portrait)" href="/apple_startup.png" />
   <link rel="apple-touch-startup-image" media="screen and (orientation:landscape)" href="/apple_startup1.png" />
   注释：portrait表示竖屏，landscape表示横屏

meta元素：
<meta http-equiv="refresh" content="5" />
注释：5秒后刷新页面

<meta http-equiv="set-cookie" content="key=x;path=y" />
注释：设置cookie

另：author、description、keywords（英文逗号分隔）描述在SEO中发挥着重要的作用

ios6之后的设备使用Safari访问时弹出下载应用的提示：
<meta name="apple-itunes-app" content="app-id=123456">

使页面不能手动缩放：
<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0" />