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标签写法和作用

HTML面试题（二）