|
: G9 G7 m6 ]6 N/ I
meta标签位于head标签之间是主要辅助HTML结构层的，他对对前端有这很重要，但是面对pc前端web、移动前端的重要性，还是有区别那么移动端的meta标签有什么不一样，看如下文章：附上代码进行说明：。
. Q( _( ]9 A+ N; a7 i" b4 ~7 M xxx 5 F$ J8 N! d7 s4 G2 ~' J
这是一个HTML5为语言标准的说明文档第一组meta标签，大家比较常见这个是经常用到的它表明的意思是它的内容是html文档，且网页编码采用的是utf-8编码utf-8编码主要针对是简体中文和英文正确的编码定义很有必要。 " |/ U$ [8 E& q1 @9 n; R: g0 A
否则会导致网页上的文字变成乱码 第二组meta标签就是移动端特属的标签了它表明的意思是它是一个视图窗口其视图窗口内容的宽度等于移动端设备的默认宽度inital-scale表示的初始的缩放比例.一般设置为1.0倍。
3 u7 o, H( N5 `- i4 b maximum-scale=1.0表示的允许用户缩放的最大比例user-scalable=no表示是否支持用户手动进行缩放 第三组和第四组meta标签都是针对IOS系统的专属标签第三组meta标签表示的意思是是否启动webapp功能。 ) ~; A" ^# X5 l; j8 a. [
说通俗一点就是当点击网页添加至主屏幕功能时，会在主屏幕上生成一个图标点击该图标会进入webapp功能就是模拟本地应用的模式来浏览web页面生成的图标可以自定义，启动webapp时的开始时的图片也可以定义。 " S& K1 g) y. p' Y1 t$ i
这个是link标签的作用，我会在介绍link标签时，单独进行说明 第四组meta标签表示的是当启动webapp功能时，显示手机信号、时间、电池的顶部导航栏的颜色默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。
4 ]+ l- R9 x) z 这个主要是根据实际的页面设计的主体色为搭配来进行设置文/丁向明做一个有博客的web前端自媒体人，专注web前端开发，关注用户体验，加我qq/微信交流：6135833http://dingxiangming.com + T- J7 f9 x" |0 ^& S& h" A
* D# e# x+ n$ Q$ }% E( P$ ~1 U9 D, f" i1 m# W/ y; C# F
; T( J f/ r3 I5 a! _ d U, `
; f: q/ {- o* n | 
