為什么要在這里講這件事情呢,就是從這則消息中我注意到了這款A(yù)PP,并且有了想更進(jìn)一步了解“JIJI”這個(gè)名字來源的想法,遂找到了他的官網(wǎng),進(jìn)入之后發(fā)現(xiàn)與同類APP介紹型站點(diǎn)一樣,同屬極簡(jiǎn)風(fēng)格,我們可以把他的代碼用作學(xué)習(xí)的范例,其中還包含了大量有關(guān)移動(dòng)平臺(tái)的設(shè)計(jì)知識(shí):
1---<head> 2--- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 3--- <meta name="keywords" content="嘰嘰,有趣的,隨機(jī)交友,JJchat,隨機(jī)聊天,社交探索,嘰嘰官網(wǎng),糖果網(wǎng)絡(luò)" /> 4--- <meta name="description" content="嘰嘰(JJchat)是一款有趣、突破傳統(tǒng)的社交探索應(yīng)用。通過隨機(jī)聊天、社交探索等,你將體驗(yàn)到神秘、未知、驚喜的交友新樂趣。" /> 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-有趣的隨機(jī)聊天</title> 14---</head>
代碼行1~2解釋: 首先是head部分,head標(biāo)簽用于定義文檔的頭部,它是所有頭部元素的容器。meta是html語(yǔ)言head區(qū)的一個(gè)輔助性標(biāo)簽,meta標(biāo)簽共有兩個(gè)屬性,它們分別是http-equiv屬性和name屬性。 http-equiv相當(dāng)于http的文件頭作用,它可以向?yàn)g覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容,與之對(duì)應(yīng)的屬性值為content,content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。content-Type用來設(shè)定頁(yè)面使用的字符集。 eg:<meta http-equiv=″content-Type″ content=″text/html; charset=gb2312″〉該代碼就表示將網(wǎng)頁(yè)的語(yǔ)言設(shè)置成國(guó)標(biāo)碼。 而我們所舉的例子中這行代碼則表示該網(wǎng)頁(yè)使用的是utf-8編碼格式。二者的區(qū)別在于:utf-8是世界通用的語(yǔ)言編碼,國(guó)外的用戶如果使用Windows XP英文版,瀏覽utf-8編碼的任何網(wǎng)頁(yè),無論是中文、還是日文、韓文、阿拉伯文,都可以正常顯示;使用gb2312編碼的好處是,因?yàn)槌绦虍a(chǎn)生的網(wǎng)頁(yè)文本使用ANSI編碼格式,會(huì)比utf-8文本編碼節(jié)省一些體積,訪問速度會(huì)稍微快一點(diǎn)點(diǎn)。
上一頁(yè) [1] [2] [3] [4] [5] 下一頁(yè) |