|
為什么要在這里講這件事情呢，就是從這則消息中我注意到了這款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] 下一頁 |
您現在的位置： 
