<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>定义元数据</title>
<style>
#box{
width:4900px;
height:3225px;
font-size: 60px;
}
span{
display: inline-block;
width: 10em;
border: 1px solid red;
}
</style>
</head>
<body> <div dir="rtl">hello</div>
<span dir="rtl">hello</span>
<textarea name="" id="box" >
meta(元数据)是用来描述html文档的信息，使用meta元素来完成工作，meta元素位于head标签内。 meta元素的
lang属性用来定义content属性值的语言，这样的目的主要是用于语音合成器，可以区分出content属性值使用的语言，从而可以读出来。
取值： en-us美国英语 zh-cn简体中文 zh-tw 繁体中文
dir属性用来定义文字的方向，适用于所有块元素和行内块元素。 取值 rtl或ltr name属性 ：
设为keywords 提高搜索引擎的识别。可以书写15个左右，逗号隔开。
设为Generator 定义编辑工具，可以是任何编辑器。
设为 Copyright 定义版权信息。
设为 Description 定义文档描述信息.
设为 Author 定义文档作者。
设为Date 定义创作日期。
设为Robots 可以设置搜索引擎搜索方式：取值：
all：文件将被检索，且页面上的链接可以被查询。
none： 文件将不被检索，且页面上的链接不可以被检索。
index：文件将被检索。
follow：页面上的链接可以被查询。
proxyhost：文件不被检索，但页面上的链接可以被查询。
proxyport：文件不被检索，页面上的链接可以查询。
http-equiv属性（用来定义http消息报头的响应头）：
设为Content-Type， 设置网页的内容类型和所使用的字符集。
设为Content-Language，可以设置网页使用的语言。
设为refresh时，可以设置网页定时跳转或者刷新自身。
<meta http-equiv="refresh" content="n,url=http://www.baidu.com"> n表示时间。 设为Pragma，可以让网页禁用缓存：
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
作用相同，Pragma是HTTP 1.0版本使用， Cache-Control是HTTP 1.1 版本使用，为了兼容，可以两个都写。 设为 expires时，可以设置网页的到期时间，一旦过期必须到服务器上重新调用。必须使用GMT时间格式。
<meta http-equiv="expires" content="Tue,20 Aug 2017 14:25:27 GMT"/>
这个功能与禁用缓存相似，但它可以设置一段时间，过了这个时间就必须重新加载。将时间设置为0，每次都请求最新的网页。 设为set-cookie时，可以设置cookie的过期时间，如果过期，存盘的cookie将被删除。也必须使用GMT格式时间。
<meta http-equiv="set-cookie" content="Tue,20 Aug 2017 14:25:30 GMT"/> 设为windows-target时，就可以设置将当前网页加载到哪个框架中：
<meta http-equiv="windows-traget" content="_top" />
这表示强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当做框架使用。 </textarea>
</body>
</html>