0%

head标签内元素使用

发表于 分类于

文章字数：395,阅读全文大约需要1分钟

head标签里的元素一般为不显示，或者有特殊用途的。

viewport

一般用来控制移动端访问效果

1
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  • width : 控制viewport的大小，可以指定一个值，如600， 或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素）
  • height : 和width相对应，指定高度
  • initial-scale : 初始缩放比例，页面第一次加载时的缩放比例
  • maximum-scale : 允许用户缩放到的最大比例，范围从0到10.0
  • minimum-scale : 允许用户缩放到的最小比例，范围从0到10.0
  • user-scalable : 用户是否可以手动缩放，值可以是：①yes、 true允许用户缩放；②no、false不允许用户缩放

SEO

1
2
3
4
5
6
7
<meta  name="Generator"  content="">     
 <!--向搜索引擎说明你的网页的关键词-->
<meta  name="Keywords"    content=""> 
<!-- 告诉搜索引擎你的站点的主要内容-->
<meta name="Description"  content="">
<!-- 网站logo图片-->
<link rel="icon" type="image/ico" href="/favicon.ico" />