<!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>

关于文档头部定义和meta元素的更多相关文章

  1. (转)HTML文档头部信息

    原文:http://www.cnblogs.com/sunyunh/archive/2012/07/25/2609199.html HTML(3)HTML文档头部信息   <!DOCTYPE h ...

  2. IT兄弟连 HTML5教程 HTML文档头部元素head

    HTML头部标记是<head>,主要包括页面的一些基本描述语句,以及CSS和JavaScript,一般都可以定义在头部元素中.它用于包含当前文档的有关信息,例如网页标题和关键字等.通常位于 ...

  3. OC自定义文档头部注释

    1.创建文件 IDETemplateMacros.plist 2.向文件里添加内容 具体内容 // 文 件 名:___FILENAME___ // // 版权所有:___COPYRIGHT___ // ...

  4. < meta > 元素

    < meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...

  5. DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义

    DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义 今天看到一篇CSS应用的一个友好搜索,我按网页上的代码复制.粘贴后预览时总达不到效果,而直接拷贝他的实例却能达到效果, ...

  6. < meta > 元素（转）

    < meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...

  7. < meta > 元素 概要

    < meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...

  8. 【HTML5开发系列】meta元素详解

    meta元素可以用来定义文档的各种元数据.他有很多种用法,一个HTML文档可以包含多个meta元素. meta元素在HTML5中的变化 charset属性是HTML5中新增的.在HTML4中,http ...

  9. 文档兼容性定义，使ie按指定的版本解析

    作为开发人员,特别是作为Web的前端开发人员 ,最悲催的莫过于要不断的,不断的去调试各种浏览器的显示效果,而这其中最让人头痛的莫过于MS下的IE系列浏览器,在IE系列中的调试我们将会发现没有一个是好伺 ...

随机推荐

  1. D3 drag

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. EBS Webservice Timeout，HTTP Server Return "500 Internal Server Error"

    http://blog.itpub.net/26687597/viewspace-1207571/ 基于Oracle EBS R12,开发了一个Webservice用于返回某项主数据,当请求的数据量非 ...

  3. Android Studio Genyomtion配置

    在AndroidStudio里面点击 File -> Settings 在Settings界面中,选择Plugins 在Plugins,输入Genymotion,并点击下面的链接 点击Insta ...

  4. DevOps Workshop 研发运维一体化（北京第二场） 2016.04.27

    北京不亏为首都,人才济济,对微软DevOps解决方案感兴趣的人太多.我们与微软公司临时决定再家一场培训. 我之前在博客中(DevOps Workshop 研发运维一体化第一场(微软亚太研发集团总部)h ...

  5. MYC编译器源码之代码生成

    前面讲过语法的解析之后,代码生成方面就简单很多了.虽然myc是一个简单的示例编译器,但是它还是在解析的过程中生成了一个小的语法树,这个语法树将会用在生成exe可执行文件和il源码的过程中. 编译器在解 ...

  6. 排序算法之快速排序（Quicksort）解析

    一.快速排序算法的优点,为什么称之为快排? Quicksort是对归并排序算法的优化,继承了归并排序的优点,同样应用了分治思想. 所谓的分治思想就是对一个问题“分而治之”,用分治思想来解决问题需要两个 ...

  7. ArgumentException: 已添加了具有相同键的项。

    此问题出现在asp.net mvc 5 中,前端向后端请求数据,方法的参数是模型,比如 Add(Student m), 结果浏览器显示的状态是500并返回错误提示ArgumentException,如 ...

  8. JS里关于特殊字符的转义

    重定向的url里含有百分号“%”,遇到了apache 找不到该文件的报错.通过查询相关文档,知道了原来是url里含有特殊字符要转码才能定位到正确的地址.比如"%"要转码为" ...

  9. json--pyton中obj与json的互转,js中obj与json的互转

    json 解释:json是一种跨平台的通用的数据格式 python中对象(obj)与json之间的相互转换 1.对象(obj)转json格式的字符串 json.dumps(res) res = () ...

  10. ASP.NET Core 2 学习笔记（八）URL重写

    路由跟URL 重写的功能性略有不同.路由是将Request 找到对应的服务,而URL 重写是为了推卸责任转送Request.本篇将简单介绍下ASP.NET Core的URL重写(URL Rewrite ...