HTML實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
基本語法
- HTML不區分大小寫，但HTML5建議標簽名稱及屬性全部用小寫
- 常見的HTML標簽都是有一個開始標簽和結束標簽的
例如：<div></div><h1></h1><p></p> - 同樣也有一部分HTML標簽是沒有結束標簽的
例如：<img src="" /><br /><hr /><meta /><link /> - 沒有結束標簽的HTML標簽，可添加一個斜杠
/表示結束，但HTML5建議不需要再加了
<head>及</head>頭部標簽
-
<head>和</head>之間的標簽是不可見的，它內部放置的是網站的頭部信息，對網站的顯示影響是比較大的。主要了解一下標簽：
了解，要大致記得住是什么樣子，核心代碼是charset=gb2312建議使用utf-8
<meta http-equiv="Content-Type" content="text/html; charset=gb2312或utf-8或gbk" />
了解，記住核心要點。定時跳轉
<meta http-equiv="refresh" content="10;URL=http://www.baidu.com" />
CSS樣式文件加載
<link href="css/app.css" rel="stylesheet">
JS文件加載
<script src="js/app.js'"></script>
網頁標題載入：非常重要。數量可以觀察你想排名的搜索引擎對它的算法。一般建議一行顯示完。即類似于百度搜索出來的結果中第一行的長度。(建議長度80個字符以內)
<title>網頁標題</title>
網頁關鍵詞：一般控制在三五個詞匯之間即可，不同的詞之間用逗號分隔。目前并不是很重要的一個排名參考因素(建議長度100個字符以內)
<meta name="keywords" content="關鍵詞1，關鍵詞2，...，只放置關鍵詞" />
網頁內容簡述:長度可觀察你想排名的搜索引擎(建議長度200個字符以內)
<meta name="description" content="網頁內容簡述" />
- 移動網站縮放限制標簽
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1">
width-viewport的寬度
height-viewport的高度
initial-scale - 初始的縮放比例
minimum-scale - 允許用戶縮放到的最小比例
maximum-scale - 允許用戶縮放到的最大比例
user-scalable - 用戶是否可以手動縮放
此標簽需要大家在做移動網站的時候，能想得起來即可。主要控制雙指撥動屏幕是否能縮放瀏覽器內容比例的縮放功能。
