|
为什么要在这里讲这件事情呢，就是从这则消息中我注意到了这款APP，并且有了想更进一步了解“JIJI”这个名字来源的想法，遂找到了他的官网，进入之后发现与同类APP介绍型站点一样，同属极简风格，我们可以把他的代码用作学习的范例，其中还包含了大量有关移动平台的设计知识：
1---<head>
2--- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3--- <meta name="keywords" content="叽叽,有趣的,随机交友,JJchat,随机聊天,社交探索,叽叽官网,糖果网络" />
4--- <meta name="description" content="叽叽(JJchat)是一款有趣、突破传统的社交探索应用。通过随机聊天、社交探索等,你将体验到神秘、未知、惊喜的交友新乐趣。" />
5--- <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
6--- <meta name="apple-mobile-web-app-capable" content="yes">
7--- <meta name="apple-mobile-web-app-status-bar-style" content="black">
8--- <meta name="format-detection" content="telephone=no">
9--- <link rel="shortcut icon" href="favicon.ico" />
10--- <script type="text/javascript" src="js/view.js"></script>
11--- <link rel="stylesheet" type="text/css" href="css/style.css"/>
12--- <link media="screen and (max-width:980px)" rel="stylesheet" type="text/css" href="css/smnw980.css"/>
13--- <title>叽叽 JJchat-有趣的随机聊天</title>
14---</head>
代码行1~2解释：
首先是head部分，head标签用于定义文档的头部，它是所有头部元素的容器。meta是html语言head区的一个辅助性标签，meta标签共有两个属性，它们分别是http-equiv属性和name属性。
http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。content-Type用来设定页面使用的字符集。
eg：<meta http-equiv=″content－Type″ content=″text/html; charset=gb2312″〉该代码就表示将网页的语言设置成国标码。
而我们所举的例子中这行代码则表示该网页使用的是utf-8编码格式。二者的区别在于：utf-8是世界通用的语言编码，国外的用户如果使用Windows XP英文版，浏览utf-8编码的任何网页，无论是中文、还是日文、韩文、阿拉伯文，都可以正常显示；使用gb2312编码的好处是，因为程序产生的网页文本使用ANSI编码格式，会比utf-8文本编码节省一些体积，访问速度会稍微快一点点。
上一页 [1] [2] [3] [4] [5] 下一页 |
您现在的位置： 
