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