zoukankan      html  css  js  c++  java
  • HTML <head> 元素

    <head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。

    HTML 头部元素包括
    标签     描述
    <head> 定义关于文档的信息。
    <title> 定义文档标题。
    <base> 定义页面上所有链接的默认地址或默认目标。
    <link> 定义文档与外部资源之间的关系。
    <meta> 定义关于 HTML 文档的元数据。
    <script> 定义客户端脚本。
    <style> 定义文档的样式信息。

    以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

    <title> 标签定义文档的标题。

    <head>
    <title>Title of the document</title>
    </head>
    

      

    <base> 标签为页面上的所有链接规定默认地址或默认目标(target):
    使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

    <head>
    <base href="http://www.w3school.com.cn/i/" />
    <base target="_blank" />
    </head>
    
    <body>
    <img src="eg_smile.gif" />
    <a href="http://www.w3school.com.cn">W3School</a>
    </body>

    属性 值 描述
    href URL 规定页面中所有相对链接的基准 URL。
    target 在何处打开页面中所有的链接。
    _blank 在新窗口中打开被链接文档。
    _self 默认。在相同的框架中打开被链接文档。
    _parent 在父框架集中打开被链接文档。
    _top 在整个窗口中打开被链接文档。
    framename 在指定的框架中打开被链接文档。


    <link> 标签定义文档与外部资源之间的关系。
    <link> 标签最常用于连接样式表:
    在下面的例子中,rel 属性指示被链接的文档是一个样式表:

    <head>
    <link rel="stylesheet" type="text/css" href="theme.css" />
    </head>

    属性 值 描述
    href URL 规定被链接文档的位置。
    rel stylesheet 规定当前文档与被链接文档之间的关系。
    type MIME_type 规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 "text/css",该类型描述样式表。

    <style> 标签用于为 HTML 文档定义样式信息。
    您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式:

    <head>
    <style type="text/css">
    body {background-color:yellow}
    p {color:blue}
    </style>
    </head>

    type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。

    <meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
    典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
    <meta> 标签始终位于 head 元素中。

    <meta charset="UTF-8">
    <meta name="keywords" content="HTML,ASP,PHP,SQL">
    <meta name="description" content="Free Web tutorials on HTML, CSS, XML" /> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <meta http-equiv="Content-Language" content="zh-cn" />
    
  • 相关阅读:
    《Java从入门到精通》第十三章学习笔记
    Java实训项目--影碟管理软件
    《Java从入门到精通》第十二章学习笔记
    《Java从入门到精通》第十一章学习笔记
    《Java从入门到精通》第十章学习笔记
    《Java从入门到精通》第九章学习笔记
    Swift游戏实战-跑酷熊猫 02 创建熊猫类
    Swift游戏实战-跑酷熊猫 01 创建工程导入素材
    Swift游戏实战-跑酷熊猫 00 游戏预览
    Swift游戏实战-跑酷熊猫(一) 简介 (含源代码)
  • 原文地址:https://www.cnblogs.com/perfectdata/p/15267949.html
Copyright © 2011-2022 走看看