html中header结构详解-创新互联

html中header结构详解

目前创新互联已为上1000+的企业提供了网站建设、域名、网页空间、网站运营、企业网站设计、广安网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
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,p_w_picpath/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">
             h2 {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>

模板实例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
</head>
<body>
</body>
</html>

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站标题：html中header结构详解-创新互联
网站网址：https://www.cdcxhl.com/article32/csscpc.html

成都网站建设公司_创新互联，为您提供网站制作、微信公众号、网站维护、做网站、网站营销、微信小程序

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

外贸网站建设

电子商务知识

行业网站建设