当前位置:  首页  >  前端开发  >  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="https://www.php1.cn/?s=user/login/index&from=https%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="https://www.php1.cn/SyntaxHighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushBash.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushCpp.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushCSharp.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushCss.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushDelphi.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushDiff.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushGroovy.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushJava.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushJScript.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushPhp.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushPlain.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushPython.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushScala.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushSql.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushVb.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushXml.js"></script> <link type="text/css" rel="stylesheet" href="https://www.php1.cn/SyntaxHighlighter/styles/shCore.css"/> <link type="text/css" rel="stylesheet" href="https://www.php1.cn/SyntaxHighlighter/styles/shThemeLiuQing.css"/> <style>.syntaxhighlighter{padding-top:20px;padding-bottom:20px;}</style> <script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = 'https://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="https://www.php1.cn/?s=user/login/index&from=https%3A%2F%2Fwww.php1.cn%2Fdetail%2Fphp-1fab6b342d.html" class="login-open" title="PHP登录">点击登录, 发现精彩</a></p> </div> </div> <div class="login-btn"> <a href="https://www.php1.cn/?s=user/reg/index" class="skins-btn sign-btn" title="PHP用户注册">注册</a> <a href="https://www.php1.cn/?s=user/login/index&from=https%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="https://tools.php1.cn/?s=jsformat" title="HTML/JS格式化/压缩">HTML/JS格式化/压缩</a> </li> <li> <a href="https://tools.php1.cn/?s=cssformat" title="CSS代码格式化工具">CSS代码格式化工具</a> </li> <li> <a href="https://tools.php1.cn/?s=editor" title="文章自动排版工具">文章自动排版工具</a> </li> <li> <a href="https://tools.php1.cn/?s=htmljs" title="HTML/JS转换">HTML/JS转换</a> </li> <li> <a href="https://tools.php1.cn/?s=utf8" title="UTF-8编码转换工具">UTF-8编码转换工具</a> </li> <li> <a href="https://tools.php1.cn/?s=unicode" title="Unicode 转换">Unicode 转换</a> </li> <li> <a href="https://tools.php1.cn/?s=urlencode" title="URL编码解码">URL编码解码</a> </li> <li> <a href="https://tools.php1.cn/?s=qrcode" title="二维码生成工具">二维码生成工具</a> </li> <li> <a href="https://tools.php1.cn/?s=ip" title="IP地址查询">IP地址查询</a> </li> <li> <a href="https://tools.php1.cn/?s=httpcode" title="HTTP状态码(响应码)">HTTP状态码(响应码)</a> </li> <li> <a href="https://tools.php1.cn/?s=headers" title="网页Header头">网页Header头</a> </li> <li> <a href="https://tools.php1.cn/?s=htmlcode" title="网页源代码">网页源代码</a> </li> <li> <a href="https://tools.php1.cn/?s=colorjson" title="JSON解析着色">JSON解析着色</a> </li> <li> <a href="https://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-9674f19007.html" title="html中关于<!DOCTYPE>声明的详细介绍-html教程 ">html中关于<!DOCTYPE>声明的详细介绍-html教程 </a> </li> <li> <b >2</b><a href="http://www.php1.cn/detail/php-d2982b2271.html" title="element.style内联样式的修改的实例教程-html教程 ">element.style内联样式的修改的实例教程-html教程 </a> </li> <li> <b >3</b><a href="http://www.php1.cn/detail/php-a22665cf44.html" title="html中网页中如何插入音频和视频?-html教程 ">html中网页中如何插入音频和视频?-html教程 </a> </li> <li> <b >4</b><a href="http://www.php1.cn/detail/php-5a53cb506a.html" title="html中如何给图片添加点击事件的详解-html教程 ">html中如何给图片添加点击事件的详解-html教程 </a> </li> <li> <b >5</b><a href="http://www.php1.cn/detail/php-d2ba4a53c7.html" title="html5 区块与内联div 与span html块级元素-html教程 ">html5 区块与内联div 与span html块级元素-html教程 </a> </li> <li> <b class="black">6</b><a href="http://www.php1.cn/detail/php-e1588ec57c.html" title="浏览器内核 网址分解 web服务器-html教程 ">浏览器内核 网址分解 web服务器-html教程 </a> </li> <li> <b class="black">7</b><a href="http://www.php1.cn/detail/php-e87cd78cfa.html" title="HTML表单相关知识点介绍-html教程 ">HTML表单相关知识点介绍-html教程 </a> </li> <li> <b class="black">8</b><a href="http://www.php1.cn/detail/php-3d51fe7d68.html" title="前端的鼠标滑过图片闪光CSS3效果怎么做-html教程 ">前端的鼠标滑过图片闪光CSS3效果怎么做-html教程 </a> </li> <li> <b class="black">9</b><a href="http://www.php1.cn/detail/php-1d228ea99d.html" title="关于时间轴的效果解析-html教程 ">关于时间轴的效果解析-html教程 </a> </li> <li> <b class="black">10</b><a href="http://www.php1.cn/detail/php-1463f52546.html" title="伪元素::before与::after的用法实例教程-html教程 ">伪元素::before与::after的用法实例教程-html教程 </a> </li> <li> <b class="black">11</b><a href="http://www.php1.cn/detail/php-2f59936003.html" title="Css选择器-html教程 ">Css选择器-html教程 </a> </li> <li> <b class="black">12</b><a href="http://www.php1.cn/detail/php-95a2f54a95.html" title="html中事件的产生以及事件的汇总-html教程 ">html中事件的产生以及事件的汇总-html教程 </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/php-a761469299.html" title="Photoshop制作精致的金色马头-PS教程">Photoshop制作精致的金色马头-PS教程</a> </li> <li> <b >2</b><a href="http://www.php1.cn/detail/php-7d1a2046f4.html" title="Photoshop 简单的网页格式音乐播放器-PS教程">Photoshop 简单的网页格式音乐播放器-PS教程</a> </li> <li> <b >3</b><a href="http://www.php1.cn/detail/php-c91264fed8.html" title="Photoshop制作一个简洁可爱的彩色烟雾心形-PS教程">Photoshop制作一个简洁可爱的彩色烟雾心形-PS教程</a> </li> <li> <b >4</b><a href="http://www.php1.cn/detail/php-5353266381.html" title="基于mysql的论坛(6)">基于mysql的论坛(6)</a> </li> <li> <b >5</b><a href="http://www.php1.cn/detail/php-619b97ce27.html" title="Photoshop设计打造一双蓝色科技感的翅膀-PS教程">Photoshop设计打造一双蓝色科技感的翅膀-PS教程</a> </li> <li> <b class="black">6</b><a href="http://www.php1.cn/detail/php-03ad0fa9cf.html" title="搜索和替换文件或目录的一个好类--很实用">搜索和替换文件或目录的一个好类--很实用</a> </li> <li> <b class="black">7</b><a href="http://www.php1.cn/detail/php-3582c3ce66.html" title="Photoshop制作层次感很强逼真的一团小火焰-PS教程">Photoshop制作层次感很强逼真的一团小火焰-PS教程</a> </li> <li> <b class="black">8</b><a href="http://www.php1.cn/detail/php-2630c58b86.html" title="用文本文件实现的动态实时发布新闻的程序">用文本文件实现的动态实时发布新闻的程序</a> </li> <li> <b class="black">9</b><a href="http://www.php1.cn/detail/php-07fe00f85f.html" title="PS绘制IOS7风格倒数计时器 -PS教程">PS绘制IOS7风格倒数计时器 -PS教程</a> </li> <li> <b class="black">10</b><a href="http://www.php1.cn/detail/php-856eefc830.html" title="PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程-PS教程">PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程-PS教程</a> </li> <li> <b class="black">11</b><a href="http://www.php1.cn/detail/php-45d891208b.html" title="基于mysql的论坛(4)">基于mysql的论坛(4)</a> </li> <li> <b class="black">12</b><a href="http://www.php1.cn/detail/php-dd37d3ba69.html" title="信用卡效验程序">信用卡效验程序</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="https://news.php1.cn/" title="PHP资讯">PHP资讯</a> | <a href="https://school.php1.cn/" title="PHP教程">PHP教程</a> | <a href="https://database.php1.cn/" title="数据库技术">数据库技术</a> | <a href="https://server.php1.cn/" title="服务器技术">服务器技术</a> | <a href="https://web.php1.cn/" title="前端技术">前端开发技术</a> | <a href="https://www.php1.cn/phpframework.html" title="PHP框架">PHP框架</a> | <a href="https://tools.php1.cn/">开发工具</a> | <a href="https://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 = 'https://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script></body> </html>