HTML中head标签内的使用标签详解

一、head包含元素简介

元素包含了所有的头部标签元素,在head中你可以插入脚本(scripts),样式文件(CSS),及各种meta信息,可以添加到头部区域的元素为

定义网页的标题(浏览器工具栏标题,搜素引擎结果页面标题,收藏夹标题)</p> <p><meta> 用来定义页面的特殊信息(页面关键字,页面描述) ,描述了一些基本的元数据</p> <p><link> 定义了文档与外部资源之间的关系,通常用来引入外部样式(css文件)     </p> <p><style>用来定义元素的css样式</p> <p> <script> 用来定义页面的JavaScript 代码 也可用来引入文件</p> <p> <base> 可以用来统一设置当前页面上的超链接的跳转方式 使用了 <base> 标签,则必须具备 href 属性或者 target 属性或者两个属性都具备</p> <p><noscript>是一个相当古老的标签,其被引入的最初目的是帮助老旧浏览器的平滑升级更替,因为早期的浏览器并不能支持 JavaScript。noscript 标签在不支持JavaScript 的浏览器中显示替代的内容。这个元素可以包含任何 HTML 元素。这个标签的用法也非常简单:</p> <pre><code class="hljs xml"><span class="hljs-tag"><<span class="hljs-name">noscript> <span class="hljs-tag"><<span class="hljs-name">p>本页面需要浏览器支持(启用)JavaScript<span class="hljs-tag"></<span class="hljs-name">p> <span class="hljs-tag"></<span class="hljs-name">noscript><br><strong><span style="font-size:18px;">二、详解</span></strong></span></span></span></span></span></span></span></span></code></pre> <p><strong><span style="font-size:16px;">1、<title></span> </strong></p> <p>  定义文档的标题,它是 head 部分中唯一必需的元素。<br>  <html></p> <p>  <head><br>  <title>我的第一个HTML页面
  

  
  

body 元素的内容会显示在浏览器中。


  

title 元素的内容会显示在浏览器的标题栏中。


  

  
  浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。

2、

标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
使用标签可以改变这一点。浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL。这其中包括

标签中的 URL。








图像的地址为相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:


"http://www.w3school.com.cn/i/eg_smile.gif"




W3School


请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。



必需的属性:href

href,值为URL,规定页面中所有相对链接的基准URL。
可选的属性:target

target,值为_blank、_parent、_self、_top、framename等,表明在何处打开页面中所有的链接。比如”_blank”意为在新窗口中打开。

3、

链接一个外部样式表。属于在HTML中插入CSS样式表的三种方法之一。



的主要属性:href,rel,type,charset

charset,指明被链接文档的字符集,如UTF-8。但是几乎没有主流浏览器支持 link标签的charset 属性。
在下面的例子中,charset 属性指示被链接文档是用英文编写的:




href,规定被链接文档的位置(URL)。
这个不解释了。

rel 属性指示被链接的文档是一个样式表。它的属性值只有 “stylesheet” 得到了所有浏览器的支持。其他值只得到了部分地支持。



type 属性规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 “text/css”,该类型描述样式表。



4、



通过 src 属性指向外部脚本文件

不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。



5、


header 1


A paragraph.



也可以通过“id选择器”和“class选择器”进行:

id选择器





Hello World!


This paragraph is not affected by the style.




class选择器





标题居中


段落居中。




你也可以指定特定的HTML元素使用class。
在以下实例中, 所有的 p 元素使用 class=”center” 让该元素的文本居中,而h1则不可以。






This heading will not be affected


This paragraph will be center-aligned.