一、寫一個(gè)三行三列的表格
<table>
<tr>
<th>1111</th>
<th>1111</th>
<th>1111</th>
</tr>
<tr>
<td>2222</td>
<td>2222</td>
<td>2222</td>
</tr>
<tr>
<td>3333</td>
<td>3333</td>
<td>3333</td>
</tr>
</table>
二、使用ajax請(qǐng)求一個(gè)文件。
普通的ajax請(qǐng)求
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status>=200&&xhr.status<=300||xhr.status==304) {
alert(xhr.responseText);
}else{
alert("Request was unsuccessful"+xhr.status);
}
}
};
xhr.open("GET","example.txt",true);
xhr.send(null);
三、meta標(biāo)簽
1、作用:meta標(biāo)簽提供HTML的元數(shù)據(jù),元數(shù)據(jù)用于——
①描述關(guān)鍵詞、文檔作者、最后修改時(shí)間等頁(yè)面相關(guān)信息。元數(shù)據(jù)不會(huì)顯示在頁(yè)面上,但是是機(jī)器可讀的。
②告訴機(jī)器如何解析這個(gè)頁(yè)面。
③添加服務(wù)器發(fā)送到瀏覽器的http頭部信息。
例如:
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
那么瀏覽器的頭部就會(huì)包括這些:
charset:iso-8859-1
expires:31 Dec 2008
2、meta的必需屬性和可選屬性
①必需屬性是content,當(dāng)然并不是說(shuō)meta標(biāo)簽里一定要有content,而是當(dāng)有http-equiv或name屬性的時(shí)候,一定要有content屬性對(duì)其進(jìn)行說(shuō)明。
例如:
<meta name="keywords" content="HTML,ASP,PHP,SQL">
②可選屬性
--http-equiv
用于添加http頭部的內(nèi)容。設(shè)置該屬性可以將一些自定義的,或者需要額外添加的http頭部?jī)?nèi)容,發(fā)送到瀏覽器中。
例1:我們不想用js來(lái)重定向,用http頭部?jī)?nèi)容控制,那么就可以這樣控制:
<meta http-equiv="Refresh" content="5;url=http://blog.yangchen123h.cn" />
在頁(yè)面中加入這個(gè)后,5秒鐘后就會(huì)跳轉(zhuǎn)到指定頁(yè)面啦,效果可看W3school的例子
例2:聲明文檔用的字符編碼方式
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
以上兩種方式等效。
--name:
處理一些瀏覽器兼容性問(wèn)題。
例1:
<meta name="renderer" content="webkit">
例2:設(shè)置移動(dòng)端頁(yè)面布局。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
content 參數(shù):
-width viewport 寬度(數(shù)值/device-width)
-height viewport 高度(數(shù)值/device-height)
-initial-scale 初始縮放比例
-maximum-scale 最大縮放比例
-minimum-scale 最小縮放比例
-user-scalable 是否允許用戶縮放(yes/no)
例3:頁(yè)面關(guān)鍵詞
<meta name="keywords" content="your tags" />
例4:頁(yè)面描述
<meta name="description" content="150 words" />
例5:定義網(wǎng)頁(yè)作者
<meta name="author" content="author name" />
例6:搜索引擎索引方式
<meta name="robots" content="index,follow" />
name參數(shù)
-robots
-google
-googlebot
-verify
content參數(shù)
-all:文件將被檢索,且頁(yè)面上的鏈接可以被查詢;
-none:文件將不被檢索,且頁(yè)面上的鏈接不可以被查詢;
-index:文件將被檢索;
-follow:頁(yè)面上的鏈接可以被查詢;
-noindex:文件將不被檢索;
-nofollow:頁(yè)面上的鏈接不可以被查詢。
--scheme:用的比較少。
參考文獻(xiàn):
meta標(biāo)簽的作用及整理
常用的Meta標(biāo)簽寫法和作用