zoukankan      html  css  js  c++  java
  • HTML头部

      HTML的文档首行需要标注文档定义声明,随后就是定义整个HTML文档的 <html> 标签,在 <html> 标签中包括了 <head> 和 <body> 两个元素。<body>  元素定义了HTML文档的主体,页面中所有的可见内容都是通过 <body> 中的其他元素来表现。<head> 中的内容对于用户来说并不总是可见,head主要用于定义文档的信息,便于其他的程序、爬虫等访问获取。

      头部具体的信息需要一些特殊的标签来描述:

    • title

      这里的title指的是 <title></title> 标签,最直观的是用于定义网页的标题,也就是显示的名称。如图:

      实质上title标签中的内容会应用于浏览器工具栏的标题(如上)、网页添加收藏加后显示的标题 以及 显示在搜索引擎结果页面的标题。

      严格规定的HTML文档必须包含有title,但是如果不写的话,浏览器将会显示html文件完整的文件名。

    • base

      base标签描述了基本的链接地址也就是说页面中所有请求的资源(表单、图片、脚本、CSS等)都会默认访问base标签中定义的地址。使用base标签必须配置href属性,target属性为可选属性。

    <base href="www.luanqibazao.com/test/" target="_blank">
    • meta

      meta标签提供了一些基本的元数据(也就是描述数据信息的数据),元数据不会显示在页面上,但能够被浏览器解析。meta标签主要用于指定网页的描述,每条信息都必须使用单独的一条meta标签来表示,关键字,文件最后的修改时间,作者等。关于meta标签最眼熟的用法应该是:

    <meta charset="UTF-8">  // 规定html文档的字符编码

      但实际上,在旧版本中字符编码的表达方式为:

      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  //等同于上面的代码

      meta标签的属性包括:必需的 content ,可选的 name、http-equiv 和 scheme。content为name和http-equiv属性的详细元信息,具体用法如下。

      http-equiv 的属性值可以为:content-type、expires、refresh、set-cookie等,该属性的作用是将content属性关联到 HTTP 头部。

      content-type 设定页面使用的字符集。如上所示。

      expires设定网页的到期时间,网页到期就必须到服务器上重新传输(使用GTM时间格式)。

        <meta http-equiv="expires" content="Tue, 20 Feb 2018 18:18:18 GMT">

      pragma设定后可以禁止浏览器从本地计算机的缓存中访问页面内容。

    <meta http-equiv="pragma" content="no-cache">  // 禁止

      refresh自动刷新并跳转页面,需要标明等待时间和跳转地址。

        <meta http-equiv="refresh" content="2;URL=http://www.luanqibazao.com">        //2秒后页面自动跳转到URL对应的地址

      set-cookie用于设置cookie,可以设置cookie的保存时间。

    <meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Tue, 20 Feb 2018 18:18:18 GMT; path=/">    //分别设置cookie的内容,保存时间和路径

      window-target强制页面在当前的窗口以独立的页面显示,可以用于阻止他人在框架内调用本页面。

    <meta http-equiv="window-target" content="_top">

       pics-label为网页的等级评定。

      page-enter 和 page-exit 用来设定进入和离开页面时的特殊效果。

     <meta http-equiv="page-enter" content="revealTrans(duration=1.0,transtion=0)">
      <meta http-equiv="page-exit" content="revealTrans(duration=1.0,transtion=0)">

      其中 duration 表示网页动态效果的过渡时间,transition就是过渡的效果,其值为0-23,分别代表:

      当然与 http 头部相关的设置还有许多,就不在一一例举。

      name也是meta常用到的属性,其属性值有author、description、keywords、generater、revised、others。这些属性对应的内容写在content中,并且根据需求自定义,如 keywords 属性对应的相关内容,就能够被搜索引擎抓取。

    <meta name="keywords" content="html, css, javascript">

      scheme要与head标签中profile属性对应设置,指定翻译属性值的方案。

    • link 

      该标签定义了文档与外部资源的关系,比如通常应用于外部样式表:

      <link rel="stylesheet" href="./main.css">

      主要属性就为rel 和 href 。rel 指定了两个联系文档之间的关系,常用值就是stylesheet,表示样式表,而 href 属性指定关联文件的地址。

    • style

      定义HTML内部样式,属性有 type, 属性值为 text/css 。通过设置media规定媒体类型。

        <style type="text/css" media="screen">  //media的值还可以为print,tv 等
            
        </style>
    • script

      该标签用于定义脚本,如JavaScript,内容可以通过src指向外部,也可写在标签内。虽然该标签可写在head中,但是更加习惯的写法是将脚本在body 的结束标签之前引入。

       type的值可以有 text/javascript、application/ecmascript、text/vbscript等

        <script type="text/javascript">
            
        </script>
    • noscript

      noscript是在设备不支持脚本的时候可以显示的文本。将noscript标签写在注释中,如果 script 中的脚本无法执行,就算注释也会执行 noscript 中的文本。

    <noscript>Your browser does not support JavaScript!</noscript>
  • 相关阅读:
    UVa 12174 (滑动窗口) Shuffle
    UVa 1607 (二分) Gates
    CodeForces ZeptoLab Code Rush 2015
    HDU 1525 (博弈) Euclid's Game
    HDU 2147 (博弈) kiki's game
    UVa 11093 Just Finish it up
    UVa 10954 (Huffman 优先队列) Add All
    CodeForces Round #298 Div.2
    UVa 12627 (递归 计数 找规律) Erratic Expansion
    UVa 714 (二分) Copying Books
  • 原文地址:https://www.cnblogs.com/zzmiaow/p/8455980.html
Copyright © 2011-2022 走看看