html的header结构内容讲解

发布时间:2019-10-20编辑:脚本学堂
下面通过一些代码示例详细来说明html 中header结构所包含的内容部分,对此结构不太清楚的同学好好看看。

有相关文章http://www.jb200.com/article/734.html  介绍这部分内容,但我觉的这篇文章更详细
HTML header结构
 

复制代码 代码示例:

<html>
     <head>
          <!--
             base标签为页面上的所有链接规定默认地址或默认目标。
             通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来构造新的相对 URL 。
             使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用<base>指定的基本 URL
             来作为相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
             
             在 HTML 中,<base> 标签没有结束标签;在 XHTML 中,<base> 标签必须被正确地关闭。
             <base> 标签必须位于 head 元素内部。
             target可选的属性
             _blank
             _parent
             _self
             _top
             framename
             例如将target设置为_blank将使得页面中所有的连接将在新窗口中打开。
          -->
   <base href="http://www.w3school.com.cn/i/" />
          <base target="_blank" />
   <!--
           meta标签的属性定义了与文档相关联的名称/值对。
           当属性为http-equiv时,值可以为content-type,expires,refresh,set-cookie等,content 属性关联到 HTTP 头部。
           当属性为name时,值可以为author,description,keywords,generator,revised,others等,content 属性关联到一个名称。
          -->
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
         <!--
           charset设置网页的文件编码,不一定是utf-8,也可能是gb2312,gbk等,根据实际情况修改。
           content-type,可以为mime/subtype,常见为text/html,image/jpg等。
          -->
 
         <meta http-equiv="expires" content="2005/05/05 18:00:00">
         <!--脱机浏览的过期时间-->
         <meta http-equiv="pragma" content="no-cache">
         <!--禁止网页从缓存中读取-->
         <meta http-equiv="Refresh" content="5;http://users7.nofeehost.com/luan123/">
         <!--网页重新定向-->
         <meta http-equiv="set-cookie" content="2005/05/05 18:00:00">
         <!--设置网页的cookie过期时间-->
         <meta http-equiv="Window-target" content="_top">
         <!--设置网页中链接的目标窗口-->
         <meta http-equiv="Page-Enter" content="revealTrans(duration=1000000,transition=50000000)">
         <!--设置网页的打开效果-->
         <meta http-equiv="Page-Exit" content="revealTrans(duration=1000000,transition=50000000)">
         <!--设置网页的关闭效果-->
         <meta name="keywords" content="overmind,zerg,protoss">
         <!--设置网页的关键字,搜索的时候优先!!!重要!!! 该数据被搜索引擎编入索引-->
         <meta name="description" content="哈哈哈哈哈">
         <!--插入描述 搜索时被搜索引擎编入索引-->
        
         <title>无标题文档</title>
         <!-- <title> 标签是 <head> 标签中唯一要求包含的东西。 -->
         <link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
         <!--
             在 HTML 中,<link> 标签没有结束标签。
             在 XHTML 中,<link> 标签必须被正确地关闭。
             <link> 标签定义文档与外部资源的关系。
             <link> 标签最常见的用途是链接样式表
             link 元素是空元素,它仅包含属性。
             此元素只能存在于 head 部分,不过它可出现任何次数。
             标准属性
             id, class, title, style, dir, lang, xml:lang
          -->

         <style type="text/css">
             h1 {color:red}
             p {color:blue}
         </style>
         <!--
  <style> 标签用于为 HTML 文档定义样式信息。
             在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。
             type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。
             style 元素位于 head 部分中。
             所有主流浏览器都支持<style> 标签。
          -->
          
          <script type="text/javascript" src="myscripts.js"></script>
          <script type="text/javascript">
             document.write("Hello World!")
          </script>
          <!--
              <script> 标签用于定义客户端脚本,比如 JavaScript。
              script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
              必需的 type 属性规定脚本的 MIME 类型。
              JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
             如元素内部的代码没有位于某个函数中,那么这些代码会在页面被加载立即执行。<frameset> 标签之后的脚本会被忽略。
              请参阅 noscript 元素;对于那些在浏览器中禁用脚本或者其浏览器不支持客户端脚本的用户来说,该元素非常有用。
           -->  
           
           <noscript>Your browser does not support JavaScript!
    </noscript>
           <!--
             noscript 元素用来定义在脚本未被执行时的替代内容(文本)。
             此标签可被用于可识别 <script> 标签但无法支持其中的脚本的浏览器。
             注释:如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本。
             注释:无法识别 <script> 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做,您应当在注释标签中隐藏脚本。老式的(无法识别 <script> 标签的)浏览器会忽略注释,这样就不会把标签的内容写到页面上,而新式的浏览器则懂得执行这些脚本,即使它们被包围在注释标签中!
            -->
     </head>
     <body>
         aaa
     </body>
</html>

以上就是给大家分享的内容。