HTML中Header标签的用法实例

巴扎黑
巴扎黑 原创
2017-06-07 11:40:56 2308浏览

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

Html代码

<head>  
  <base href="http://www.w3school.com.cn/tags/">   
  <base target="_blank" /> <!--页面中所有target默认为_blank-->  
</head>  
<body>  
  <a href="tag_base.asp">base </a> <br> <!--实际指向http://www.w3school.com.cn/tags/tag_base.asp 且target为_blank -->  
  <a href="tag_audio.asp">audio </a>  
</body>


target可选的属性:
_blank
_parent
_self
_top


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

Html代码

<head>  
<link rel="stylesheet" type="text/css" href="theme.css" />  
<link rel="shortcut icon" href="http://jquery.com/jquery-wp-content/themes/jquery.com/i/favicon.ico">  
</head>


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


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

Html代码

<head>  
<meta http-equiv="Content-Type"  Content="text/html; charset=UTF-8" />  
<meta name="keywords" content="HTML,ASP,PHP,SQL">  
</head>

属性:

1496805625(1).jpg

4.<style>为 HTML 文档定义样式信息.

Html代码

<head>  
<style type="text/css">  
h1 {color:red}  
p {color:blue}  
</style>  
<link rel="stylesheet" type="text/css" href="/c5.css" />  
</head>


5. <title> 元素可定义文档的标题。 它是 <head> 标签中唯一要求包含的东西。

以上就是HTML中Header标签的用法实例的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。