eta常用于定義頁面的說明，關鍵字，最后修改日期，和其它的元數據。這些元數據將服務于瀏覽器（如何布局或重載頁面），搜索引擎和其它網絡服務。

meta標簽共有兩個屬性，分別是 http-equiv 屬性和 name 屬性。

name屬性主要用于描述網頁，比如網頁的關鍵詞，敘述等。與之對應的屬性值為content，content中的內容是對name填入類型的具體描述，便于搜索引擎抓取。

meta標簽格式如下所示：

<meta name="參數" content="具體的描述">

name屬性：

name屬性參數值主要有一下幾種：

1. keywords

用于告訴搜索引擎，你網頁的關鍵字，主要用于SEO優(yōu)化。搜索引擎通過name對應的content中的值進行匹配，再根據匹配結果呈現用戶。其格式如下所示：

<meta name="keywords" content="php圖片剪切、壓縮、合并、插入文本、背景色透明">

2. description

用于告訴搜索引擎，你網站的主要內容或者說簡介

<meta name="description" content="php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明">

3. robots

robots用來告訴爬蟲哪些頁面需要索引，哪些頁面不需要索引。content的參數有all,none,index,noindex,follow,nofollow。默認是all。具體格式如下：

<meta name="robots" content="none">

none：搜索引擎將忽略此網頁

noindex：搜索引擎不索引此網頁

nofollow：搜索引擎不繼續(xù)通過此網頁的鏈接索引搜索其它的網頁

all：搜索引擎將索引此網頁并繼續(xù)通過此網頁的鏈接索引

index：搜索引擎索引此網頁

follow：搜索引擎繼續(xù)通過此網頁的鏈接索引搜索其它的網頁

4. revist-after

如果頁面不是經常更新，為了減輕搜索引擎爬蟲對服務器帶來的壓力，可以設置一個爬蟲的重訪時間。如果重訪時間過短，爬蟲將按它們定義的默認時間來訪問。下面我以7天為例，格式如下所示：

<meta name="revisit-after" content="7 days" >

5. generator

用于標明網頁是什么軟件開發(fā)的，這個基本沒有人會去使用，大家可以直接忽略。

<meta name="generator" content="Sublime Text3">

6. copyright

用于標注版權信息，這個基本也沒有人會去使用，基本都是在頁面最底部添加版權相關信息，直接忽略。

<meta name="copyright" content="Lxxyx">

7. author

用于標注網頁作者，格式如下所示：

<meta name="author" content="Lxxyx,841380530@qq.com">

8. renderer

renderer是為雙核瀏覽器準備的，用于指定雙核瀏覽器默認以何種方式渲染頁面。比如說360瀏覽器，他是雙核瀏覽器，但是有些web框架不支持ie內核，支持webkit內核，此時就需要我們設置使用內核哪種了

<meta name="renderer" content="webkit"> //默認webkit內核
<meta name="renderer" content="ie-comp"> //默認IE兼容模式
<meta name="renderer" content="ie-stand"> //默認IE標準模式

9. viewport

這個屬性常用于設計移動端網頁，主要更改當前窗口相關設置，例如：窗口寬度，初始化縮放比例，最大縮放比例等

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

device-width：當前設備的屏幕寬度

initial-scale：初始化縮放比例

maximum：最大縮放比例。maximum = initial-scale 時會禁止用戶縮放

minimum-scale：最小縮放比例。maximum = minimum時會禁止用戶縮放

user-scale：是否允許用戶手動縮放。no禁止手動縮放，yes允許手動縮放

http-equiv

http-equiv顧名思義，相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助瀏覽器正確和精確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值

http-equiv屬性值主要一下幾種：

1. content-Type

用于設定網頁字符集，便于瀏覽器解析與渲染頁面，下面以HTML5的方式為例：

<meta charset="utf-8">
#或者
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

2. X-UA-Compatible

用于告知瀏覽器以何種版本來渲染頁面，代碼示例如下：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

IE=EmulateIE7：強制IE8采用 ie7版本 渲染

IE=edge：Edge模式告訴 IE 以最高級模式渲染文檔，也就是任何 IE 版本都以當前版本所支持的最高級標準模式渲染，避免版本升級造成的影響。簡單的說，就是什么版本 IE 就用什么版本的標準模式渲染

chrome=1：強制 IE 使用 Chrome Frame 渲染

最佳的兼容模式方案：IE=edge,chrome=1 兩者組合使用

3. cache-control

指導瀏覽器如何緩存某個響應以及緩存多長時間，其值總共有5中。格式示例如下所示：

<meta http-equiv="cache-control" content="no-cache">

no-cache：先發(fā)送請求，與服務器確認該資源是否被更改，如果未被更改，則使用緩存

no-store：不允許緩存，每次都要去服務器上，下載完整的響應

public：緩存所有響應，但并非必須。因為max-age也可以做到相同效果

private：只為單個用戶緩存，因此不允許任何中繼進行緩存。（比如說CDN就不允許緩存private的響應）

maxage：表示當前請求開始，該響應在多久內能被緩存和重用，而不去服務器重新請求。例如：max-age=60表示響應可以再緩存和重用 60 秒

通過這個參數我們可以禁止百度轉碼，因為有些時候轉碼可能導致頁面異常顯示：

<meta http-equiv="Cache-Control" content="no-siteapp" />

4. expires

用于設定網頁的到期時間，過期后網頁必須到服務器上重新傳輸。這個基本沒有人會去使用建議忽略

<meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT" />

5. refresh

網頁將在設定的時間內，自動刷新并調向設定的網址

<meta http-equiv="refresh" content="2；URL=http://www.motui8.cn/">

意思是2秒后跳轉向我的博客

6. Set-Cookie

如果網頁過期。那么這個網頁存在本地的cookies也會被自動刪除，格式如下：

<meta http-equiv="Set-Cookie" content="name, date">

示例：

<meta http-equiv="Set-Cookie" content="User=motui; path=/; expires=Sunday, 10-Jan-16 10:00:00 GMT">

總結的就只有這么多了，有什么不對的可以在我的公眾號留言

前一直使用windows系統(tǒng)的電腦，創(chuàng)建文件很簡單，改格式也非常的簡單。但換了蘋果電腦，如何創(chuàng)建一個HTML文件？卻把我給整蒙了。

首先，為什么mac上不能直接新建文本文件？

因為mac一都是以應用的方式來管理文件。

我們在Windows上的習慣是:找到一個目錄-->新建文件-->打開對應的應用-->記錄-->保存。

mac的系統(tǒng)傾向是:打開應用程序-->記錄-->找目錄-->保存。

一對比，我們發(fā)現mac并不是不能建文本文件，只是建的過程有些麻煩。

下面我們來看一下詳細的操作步驟:

一，在訪達里找到文本編輯器并打開。就看到下圖的樣子。

二，找到左下角新建文稿，點擊，會出現一個編輯文稿的窗口。

這時你就可以把你要寫的東西寫在這個文稿里邊，比如我就寫了一個簡單的html代碼。

三，找到電腦窗口左上角，文件-->移到...

這里就是把文件移入到你方便找的文件夾里，如下圖，會出現一個位置下拉框

在這里我把這個文件存在了桌面上。

四，在訪達里找到你的文件，右鍵點擊，在菜單欄里找到重新命名。

這時候你就可以把文件改成html格式。

到這里改成HTML就完成了，然后選擇打開方式，在瀏覽器中打開，這時候你可能出現了，另外一個問題。

為什么我的HTML文件在mac瀏覽器打開全是源碼？

如下圖所示:

解決方案如下:

一，打開文本編輯。找到窗口左上角:文本編輯-->偏好設置

二，設置兩樣東西，注意我紅色圈圈區(qū)域。

新建文稿設置:把格式改為純文本。

打開和存儲設置:改成我圈住的勾選樣子

再用瀏覽器打開html文件，就會出現下面的網頁了。

如果有需要的，建議收藏呦！

嘍，大家好，我是雷工！

今天繼續(xù)學習JavaScript基礎語法，JS的書寫位置，俗話說：好記性不如爛筆頭，邊學邊記，方便回顧。

1、行內JavaScript

代碼寫在標簽內部

示例：

<body>

 <button onclick="alert('你還真信呀？~')">點擊關注【雷工筆記】月薪過萬</button>

</body>

2、內嵌式JavaScript

2.1、要將JS代碼直接寫在HTML文件里面。

2.2、在HTML文件中添加一個script，用script標簽包住，script標簽中的代碼就是JS代碼。

2.3、script標簽的位置可以在HTML文件中的任何地方，但推薦在head標簽中或者body標簽中。

示例：

<body>
		<script>
 				alert('hello,歡迎關注雷工筆記')
		</script>
</body>

雷工提醒：

我們習慣將<script>標簽放在HTML文件的底部附近，原因是瀏覽器會按照代碼在文件中的順序加載HTML。

如果先加載的JS代碼希望修改其下方的HTML，那么其可能因為要修改的HTML還未被加載而失效。所以比較穩(wěn)妥的策略是將JS代碼放在html文件的底部附近。

3、外聯式JavaScript

3.1、先創(chuàng)建一個JS文件，后綴名是xxxx.js。

3.2、使用script標簽引入JS文件。

示例：

<body>
		 <!--用src引入外部JS文件-->
		 <script src="leigong.js"></script>
</body>

雷工提醒：

外聯式JavaScript會讓代碼看上去更加有序，更容易復用，且沒有了腳本的混淆，html也更容易閱讀，因此這是值得我們學習的好習慣。

4、重點總結

4.1、外聯式中，script標簽的位置可以在HTML文件中的任何地方，但推薦在body標簽中，盡量寫到文件末尾</body>

前面。

4.2、JS中內嵌式寫法和外聯式寫法不可以混合使用，如果外聯式寫法，script標簽中間就不可以再寫代碼，否則會被忽略，只執(zhí)行外聯部分。

后記

以上是關于JavaScript基礎中書寫位置的相關知識的筆記，有不當之處還望指正。

想起一句話，貌似是錘子科技發(fā)布會上聽到的：從來沒有什么失敗的人，只有半途而廢的人。

每天進步一點點，加油。