<!DOCTYPE xxx>
<html>
<head>
<meta>
<title>標題部分</title>
</head>
<body>
內容
</body>
</html>
二、各網頁結構標簽說明
1、<!DOCTYPE xxx>
作用：聲明文檔類型,如果沒有文檔類型聲明，大多數瀏覽器將轉換成混雜模式。
HTML5：<!DOCTYPE html>即可
2、<html>
lang屬性：語言聲明。
例如：<html lang="en">，<html lang="zh-CN">
3、<link>
作用：定義文檔與外部資料的關系
功能——添加rss訂閱：通過設置類型為rss+xml的link元素，
<link rel=”alternate” type=”application/rss+xml” title=”My Blog” href=”rss.xml”>
4、<base>
作用1：定義文檔基本URL地址。例如：
頁面中存在<a href="a.html">，<base href="www.liuhuan.com/html5/">，實際<a href="www.liuhuan.com/html5/a.html">
作用2：定義全局瀏覽器打開方式。
例如：設置新窗口打開
<base target="_blank">
5、<mate>
！必須設置以下屬性其中一種
name（元數據名稱）/http-equiv（編譯指令）/charset（字符編碼）
作用1：設置編碼方法（必須）
例如：<mate charset=”utf-8”>
作用2：通過添加renderer指定瀏覽器的渲染內核
webkit（極速核）/ie-comp（IE兼容內核）/ie-stand（IE標準內核）
例如：<mate name=”renderer” content=”webkit”>
作用3：搜索引擎優化
例如：
<mate name=”keyWords” content=”HTML5,前端”>
<mate name=”description” content=”這是HTML基礎”>
作用4：控制搜索引抓取
例如：
不讓搜索引抓取
<mate name=”robots” content=”none”>
讓搜索引檢索及查詢全部
<mate name=”robots” content=”all”>
作用5：移動端設置
例如：
設置數字不自動設別為手機號碼
<mate name=”format-detection” content=”telephone=no”>
優化老手機設備
<mate name=”HandheldFriendly” content=”true”>
作用6：移動端Viewport（視口）設置
例如：
initial-scale=1.0初始大小；
user-scalable=no用戶不可縮放；
maximun-scale=1.0最大縮放值
<mate name=”viewport” content=”width=devide-width,initial-scale=1.0 user-scalable=no,maximun-scale=1.0”>
新聞熱點
疑難解答
