- 相關(guān)推薦
2017年html的超簡(jiǎn)代碼模版
千里之行始于足下，萬事都要從第一步開始。寫頁(yè)面的第一步是什么呢？這還用說當(dāng)然是html中的<head>標(biāo)簽了。但是<head>標(biāo)簽中還有很多元素，在開發(fā)中不可能全部都涉及到，寫出符合自己實(shí)際需要的就可以了。怎么寫最簡(jiǎn)單，還能比較實(shí)用，我們就這里和大家分享一下。
常用html代碼
<meta/>：種有很多涉及頁(yè)面的原信息
<title>：用來定義文檔的標(biāo)題
<script>和<link/>：是用來引入js和css文件的標(biāo)簽，而<script >也可以在閉合的標(biāo)簽中直接寫入js代碼。
這篇文章我們著重介紹幾個(gè)常用的<meta/>元素。
1申明編碼：
<meta charset="UTF-8"/>
這個(gè)你要寫吧？要申明編碼，不然刷新后中文就全是亂碼了。
2頁(yè)面關(guān)鍵詞：
<meta name="keywords" content="關(guān)鍵詞1,關(guān)鍵詞2，關(guān)鍵詞3,關(guān)鍵詞4,……"/>
比如你的網(wǎng)頁(yè)主題是"范冰冰"，如果你的關(guān)鍵詞只有"范冰冰"，那當(dāng)用戶搜索"范爺"的時(shí)候就無法搜到你的`網(wǎng)頁(yè)了。
舉個(gè)例子：
<meta name="keywords" content="范冰冰,范爺,大黑牛,李晨"/>
如果搜索這些關(guān)鍵詞之后，都會(huì)搜到你的網(wǎng)頁(yè)。當(dāng)然如果是百度搜索引擎的話，只能是自然排名，想排第一的話，就給百度錢吧。
3頁(yè)面描述：
<meta name="description" content="150 words"/>
網(wǎng)頁(yè)的描述，是給搜索引擎看的，搜索引擎根據(jù)這個(gè)描述進(jìn)行收錄排名，一般是網(wǎng)頁(yè)內(nèi)的關(guān)鍵字。
頁(yè)面關(guān)鍵詞和頁(yè)面描述，當(dāng)然是為了用戶能更快的在偌大的互聯(lián)網(wǎng)中找到你，互聯(lián)網(wǎng)營(yíng)銷的課題我們最好也考慮一下，不然怎么能獲得提升呢？
4移動(dòng)端設(shè)置：
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
如果你要寫手機(jī)端頁(yè)面這個(gè)就大有用處了，而且還是必須要寫的！
這些詞都是什么意思呢
width：應(yīng)用程序的寬度和屏幕的寬度是一樣的
height：應(yīng)用程序的寬度和屏幕的寬度是一樣的
initial-scale：應(yīng)用程序啟動(dòng)時(shí)候的縮放尺度（1.0表示不縮放）
minimum-scale：應(yīng)用程序啟動(dòng)時(shí)候的縮放尺度（1.0表示不縮放）
maximum-scale：用戶可以放大到的最大尺度（1.0表示不縮放）
user-scalable：手勢(shì)縮放 (no,yes)
html簡(jiǎn)單的模版
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 如果是pc端頁(yè)面，不要寫下面這一行 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="keywords" content="……" />
<meta name="description" content="……" />
<title>標(biāo)題</title>
<!-- 下面兩行是引入js文件和css文件 -->
<script type="text/javascript" src="……"></script>
<link rel="stylesheet" href="……"/>
</head>
<body>
<!— 在這里開始寫代碼吧 —>
</body>
</html>
【html的超簡(jiǎn)代碼模版】相關(guān)文章：
網(wǎng)頁(yè)滾動(dòng)文字的制作HTML代碼04-10
數(shù)控編程代碼大全02-13
Java代碼的基本知識(shí)09-03
英語作文寫作模版02-28
炒年糕的超簡(jiǎn)單做法02-10
CAD制圖超實(shí)用的技巧07-17
加拿大留學(xué)熱門電氣工程專業(yè)簡(jiǎn)析07-28
超實(shí)用的20個(gè)說話技巧04-26
CAD制圖中超實(shí)用的技巧07-19
字謎及答案超難390個(gè)06-22