当前位置:  首页  >  前端开发  >  HTML

HTML中Header标签的用法实例

1.<base>标签为页面上的所有链接规定默认地址或默认目标。这其中包括<a>、<img>、<link>、<form>标签中的URL。
1. 标签为页面上的所有链接规定默认地址或默认目标。这其中包括
标签中的 URL。

Html代码

  
     
     
  
  
  base  
audio


target可选的属性:
_blank
_parent
_self
_top


2. 标签定义文档与外部资源的关系。最常见的用途是链接样式表。

Html代码

  
  
  


rel 可选的属性有:
alternate
author
help
icon
licence
next
pingback
prefetch
prev
search
sidebar
stylesheet
tag


3. 定义了与文档相关联的名称/值对,比如针对搜索引擎和更新频度的描述和关键词。 标签没有结束标签,但必须被正确地被关闭()。

Html代码

  
  
  

属性:

Html代码

  
  
  


5. 元素可定义文档的标题。 它是 <head> 标签中唯一要求包含的东西。<p>以上就是HTML中Header标签的用法实例的详细内容,更多请关注 第一PHP社区 其它相关文章!</p> </div> <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;"> </div> <div class="article_cmnt"> <div class="cmnt_title">吐了个 "CAO" !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了</textarea> </div> <div class="cmnt_cmt"> <div class="cmnt_login_box"> <a href="http://www.php1.cn/?s=user/login/index&from=http%3A%2F%2Fwww.php1.cn%2Fdetail%2Fphp-1fab6b342d.html">会员登录</a> | <a href="http://www.php1.cn/?s=user/reg/index">用户注册</a> </div> <div class="post_cmnt"><input type="button" value="吐  槽" onclick="post_ping();" /></div> </div> </form> </div> </div> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushBash.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushCpp.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushCSharp.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushCss.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushDelphi.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushDiff.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushGroovy.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushJava.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushJScript.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushPhp.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushPlain.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushPython.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushScala.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushSql.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushVb.js"></script> <script type="text/javascript" src="http://www.php1.cn/SyntaxHighlighter/scripts/shBrushXml.js"></script> <link type="text/css" rel="stylesheet" href="http://www.php1.cn/SyntaxHighlighter/styles/shCore.css"/> <link type="text/css" rel="stylesheet" href="http://www.php1.cn/SyntaxHighlighter/styles/shThemeLiuQing.css"/> <style>.syntaxhighlighter{padding-top:20px;padding-bottom:20px;}</style> <script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = 'http://www.php1.cn/SyntaxHighlighter/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script> <div class="article_right"> <div class="profile"> <div class="login"> <!-- 未登录 --> <div class="login-info"> <div class="user-photo"> <img src="/style/home/images/user-no-photo.jpg" class="lazy-img" data-url="" alt="第一PHP社区"> </div> <div class="user-txt"> <p style="color: #666;font-weight: bold;">Hi,亲爱的小伙伴!</p> <p>欢迎来到php1.cn社区!</p> <p><a href="http://www.php1.cn/?s=user/login/index&from=http%3A%2F%2Fwww.php1.cn%2Fdetail%2Fphp-1fab6b342d.html" class="login-open" title="PHP登录">点击登录, 发现精彩</a></p> </div> </div> <div class="login-btn"> <a href="http://www.php1.cn/?s=user/reg/index" class="skins-btn sign-btn" title="PHP用户注册">注册</a> <a href="http://www.php1.cn/?s=user/login/index&from=http%3A%2F%2Fwww.php1.cn%2Fdetail%2Fphp-1fab6b342d.html" class="skins-btn skins-btn-green">登录</a> </div> </div> </div> <div class="tools"> <div class="tools_top_line"> <div class="tools_t_l"></div> <div class="tools_t_r"></div> </div> <div class="tools_top">Tools Online | 在线开发工具</div> <div class="tools_box"> <ul> <li> <a href="http://tools.php1.cn/?s=jsformat" title="HTML/JS格式化">HTML/JS格式化</a> </li> <li> <a href="http://tools.php1.cn/?s=cssformat" title="CSS代码格式化">CSS代码格式化</a> </li> <li> <a href="http://tools.php1.cn/?s=editor" title="文章自动排版工具">文章自动排版工具</a> </li> <li> <a href="http://tools.php1.cn/?s=htmljs" title="HTML/JS转换">HTML/JS转换</a> </li> <li> <a href="http://tools.php1.cn/?s=utf8" title="UTF-8编码转换工具">UTF-8编码转换工具</a> </li> <li> <a href="http://tools.php1.cn/?s=unicode" title="Unicode 转换">Unicode 转换</a> </li> <li> <a href="http://tools.php1.cn/?s=urlencode" title="URL编码解码">URL编码解码</a> </li> <li> <a href="http://tools.php1.cn/?s=qrcode" title="二维码生成工具">二维码生成工具</a> </li> <li> <a href="http://tools.php1.cn/?s=ip" title="IP地址查询">IP地址查询</a> </li> <li> <a href="http://tools.php1.cn/?s=httpcode" title="HTTP状态码(响应码)">HTTP状态码(响应码)</a> </li> <li> <a href="http://tools.php1.cn/?s=headers" title="网页Header头">网页Header头</a> </li> <li> <a href="http://tools.php1.cn/?s=htmlcode" title="网页源代码">网页源代码</a> </li> <li> <a href="http://tools.php1.cn/?s=colorjson" title="JSON解析着色">JSON解析着色</a> </li> <li> <a href="http://tools.php1.cn/?s=diff" title="Diff文件比较">Diff文件比较</a> </li> </ul> </div> </div> <div class="rank"> <div class="rank_top_line"> <div class="rank_t_l"></div> <div class="rank_t_r"></div> </div> <div class="rank_top">RankList | 热门文章</div> <div class="rank_box"> <ul> <li> <b >1</b><a href="http://www.php1.cn/detail/php-042f9a8e70.html" title="网页中实现分页功能的方法案例总结">网页中实现分页功能的方法案例总结</a> </li> <li> <b >2</b><a href="http://www.php1.cn/detail/php-9c06aa1500.html" title="html滚动条样式设置的总结">html滚动条样式设置的总结</a> </li> <li> <b >3</b><a href="http://www.php1.cn/detail/php-f8a6667670.html" title=" 关于min-height注意点"> 关于min-height注意点</a> </li> <li> <b >4</b><a href="http://www.php1.cn/detail/php-633534a579.html" title="网页中各种上标和下标的应用实例">网页中各种上标和下标的应用实例</a> </li> <li> <b >5</b><a href="http://www.php1.cn/detail/php-614964b2c1.html" title="用html和css代码实现各种表格样式的总结">用html和css代码实现各种表格样式的总结</a> </li> <li> <b class="black">6</b><a href="http://www.php1.cn/detail/php-cee101df9d.html" title="HTML标签之上标<SUP>与下标<SUB>">HTML标签之上标<SUP>与下标<SUB></a> </li> <li> <b class="black">7</b><a href="http://www.php1.cn/detail/php-74574e556d.html" title="header标签的作用与用法总结">header标签的作用与用法总结</a> </li> <li> <b class="black">8</b><a href="http://www.php1.cn/detail/php-af7f7a502a.html" title="HTML <header>标签的用法">HTML <header>标签的用法</a> </li> <li> <b class="black">9</b><a href="http://www.php1.cn/detail/php-1fab6b342d.html" title="HTML中Header标签的用法实例">HTML中Header标签的用法实例</a> </li> <li> <b class="black">10</b><a href="http://www.php1.cn/detail/php-b0c9642572.html" title="单选按钮(RadioButton)常见用法汇总">单选按钮(RadioButton)常见用法汇总</a> </li> <li> <b class="black">11</b><a href="http://www.php1.cn/detail/php-f8ddbf7d0f.html" title="总结html中超链接的颜色设置">总结html中超链接的颜色设置</a> </li> <li> <b class="black">12</b><a href="http://www.php1.cn/detail/php-edffc3c2fc.html" title="html中关于table样式的总结">html中关于table样式的总结</a> </li> </ul> </div> </div> <div class="wx_pic"> <div class="wx_top_line"> <div class="wx_t_l"></div> <div class="wx_t_r"></div> </div> <div class="wx_top">扫码关注 PHP1 官方微信号</div> <div class="wx_box"> <img src="/style/home/images/wx_pic.png"/> </div> </div> <div class="baidu_ad_box" style="width: 320px;height: 280px;margin-top: 15px;text-align: center;border: 1px solid #ddd;padding-top: 10px;padding-bottom: 10px;"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- zishiying --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8923551941185667" data-ad-slot="9743942645" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="rank"> <div class="rank_top_line"> <div class="rank_t_l"></div> <div class="rank_t_r"></div> </div> <div class="rank_top">Recommend | 推荐阅读</div> <div class="rank_box"> <ul> <li> <b >1</b><a href="http://www.php1.cn/detail/linux-2c23816069.html" title="用aptitude命令时,分数是什么意思?">用aptitude命令时,分数是什么意思?</a> </li> <li> <b >2</b><a href="http://www.php1.cn/detail/linux-8a4e2f4ce6.html" title="debian-502-i386-kde-CD-1安装问题">debian-502-i386-kde-CD-1安装问题</a> </li> <li> <b >3</b><a href="http://www.php1.cn/detail/linux-0f84a3af38.html" title="驱动模块可否直接拷贝?">驱动模块可否直接拷贝?</a> </li> <li> <b >4</b><a href="http://www.php1.cn/detail/linux-1d58285473.html" title="Linux系统下MMS协议的播放">Linux系统下MMS协议的播放</a> </li> <li> <b >5</b><a href="http://www.php1.cn/detail/linux-4d0f340f22.html" title="debian 502a安装ibus">debian 502a安装ibus</a> </li> <li> <b class="black">6</b><a href="http://www.php1.cn/detail/linux-5bf3b0a6a9.html" title="Linux下QQ的安装">Linux下QQ的安装</a> </li> <li> <b class="black">7</b><a href="http://www.php1.cn/detail/linux-769dbee99c.html" title="安装RedOffice 3.0个人版for Linux">安装RedOffice 3.0个人版for Linux</a> </li> <li> <b class="black">8</b><a href="http://www.php1.cn/detail/linux-17315ca96e.html" title="redHat linux enterprise5安装使用">redHat linux enterprise5安装使用</a> </li> <li> <b class="black">9</b><a href="http://www.php1.cn/detail/linux-6507416082.html" title="几个ubuntu日常应用的解决方案">几个ubuntu日常应用的解决方案</a> </li> <li> <b class="black">10</b><a href="http://www.php1.cn/detail/linux-33325dde3c.html" title="30的内核,成电已经更新了">30的内核,成电已经更新了</a> </li> <li> <b class="black">11</b><a href="http://www.php1.cn/detail/linux-3b746109bb.html" title="Linux技能:从源代码安装软件">Linux技能:从源代码安装软件</a> </li> <li> <b class="black">12</b><a href="http://www.php1.cn/detail/linux-fd707a1482.html" title="找不到header文件">找不到header文件</a> </li> </ul> </div> </div> </div> <div style="clear: both;"></div> </div> <div style="clear: both"></div> <div class="bottom"> PHP1.CN | 中国最专业的PHP中文社区 | <a href="http://news.php1.cn/" title="PHP资讯">PHP资讯</a> | <a href="http://http://school.php1.cn/" title="PHP教程">PHP教程</a> | <a href="http://database.php1.cn/" title="数据库技术">数据库技术</a> | <a href="http://server.php1.cn/" title="服务器技术">服务器技术</a> | <a href="http://web.php1.cn/" title="前端技术">前端开发技术</a> | <a href="http://www.php1.cn/phpframework.html" title="PHP框架">PHP框架</a> | <a href="http://tools.php1.cn/">开发工具</a> | <a href="http://ask.php1.cn/" title="PHP问答">PHP问答</a><BR /> Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有 <BR />       </div> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script></body> </html>