HTML面试题（二）
一、写一个三行三列的表格
<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请求一个文件。
普通的ajax请求
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标签
1、作用：meta标签提供HTML的元数据，元数据用于——
①描述关键词、文档作者、最后修改时间等页面相关信息。元数据不会显示在页面上，但是是机器可读的。
②告诉机器如何解析这个页面。
③添加服务器发送到浏览器的http头部信息。
例如：
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
那么浏览器的头部就会包括这些：
charset:iso-8859-1
expires:31 Dec 2008
2、meta的必需属性和可选属性
①必需属性是content,当然并不是说meta标签里一定要有content,而是当有http-equiv或name属性的时候，一定要有content属性对其进行说明。
例如：
<meta name="keywords" content="HTML,ASP,PHP,SQL">
②可选属性
--http-equiv
用于添加http头部的内容。设置该属性可以将一些自定义的，或者需要额外添加的http头部内容，发送到浏览器中。
例1：我们不想用js来重定向，用http头部内容控制，那么就可以这样控制：
<meta http-equiv="Refresh" content="5;url=http://blog.yangchen123h.cn" />
在页面中加入这个后，5秒钟后就会跳转到指定页面啦，效果可看W3school的例子
例2：声明文档用的字符编码方式
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
以上两种方式等效。
--name：
处理一些浏览器兼容性问题。
例1:
<meta name="renderer" content="webkit">
例2：设置移动端页面布局。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
content 参数：
-width viewport 宽度(数值/device-width)
-height viewport 高度(数值/device-height)
-initial-scale 初始缩放比例
-maximum-scale 最大缩放比例
-minimum-scale 最小缩放比例
-user-scalable 是否允许用户缩放(yes/no)
例3：页面关键词
<meta name="keywords" content="your tags" />
例4：页面描述
<meta name="description" content="150 words" />
例5：定义网页作者
<meta name="author" content="author name" />
例6：搜索引擎索引方式
<meta name="robots" content="index,follow" />
name参数
-robots
-google
-googlebot
-verify
content参数
-all：文件将被检索，且页面上的链接可以被查询；
-none：文件将不被检索，且页面上的链接不可以被查询；
-index：文件将被检索；
-follow：页面上的链接可以被查询；
-noindex：文件将不被检索；
-nofollow：页面上的链接不可以被查询。
--scheme：用的比较少。
参考文献：
meta标签的作用及整理
常用的Meta标签写法和作用
