zoukankan      html  css  js  c++  java
  • HTML超文本标记语言(七)——头部元素

        <head>标签用于定义文档的头部,描述了文档的各种属性和信息。

    如下标签可用在head部分:

    1、<title>:定义文档的标题,<title></title>标签是<head>标签唯一要求包含的东西。

    2、<base>:为页面上的所有链接规定默认地址或默认目标。

         通常,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。

         使用<base>标签可以改变这点。在<base>标签中使用href属性后,浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL。这其中包括<a>、<img>、<link>、<form>标签中的URL。

     1 <html>
     2 <head>
     3 <base href="http://www.w3school.com.cn/i/" />
     4 <base target="_blank" />
     5 </head>
     6 
     7 <body>
     8 <img src="eg_smile.gif" />
     9 <br/>
    10 <p><a href="http://www.w3school.com.cn">W3School</a></p>
    11 </body>
    12 </html>
    base标签

        代码中,为图片规定了一个相对地址。但是由于已经在head部分通过base规定了一个基准URL,浏览器将在基准URL中寻找图片。

        同样,尽管没有为超链接设置target="_blank"属性,但是由于base元素的target属性已经被设置为“_blank”了,所以链接会在新窗口中打开。

    3、<link>:定义文档与外部资源之间的关系。最常用于连接样式表。

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

        注意:link元素时空元素,它仅包含属性。且只能存在于head部分,不过可以出现任意次数。

    4、<meta>:定义关于HTML文档的元数据。

    5、<script>:定义客户端脚本。

        script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件。

    <script type="text/javascript">
      document.write("Hello World!")
    </script>
    <noscript>Sorry,your browser does not support JavaScript</noscript>

        <noscript>元素用来定义在脚本未被执行时的替代内容。即如果浏览器支持脚本,那么它不会显示出noscript元素中的文本。不支持JavaScript的浏览器将显示noscript元素中的文本。

    6、<style>:用于为HTML文档定义样式信息

     1 <html>
     2 
     3 <head>
     4 <style type="text/css">
     5   h1 {color:red}
     6   p {color:blue}
     7 </style>
     8 </head>
     9 
    10 <body>
    11   <h1>header 1</h1>
    12   <p>A paragraph.</p>
    13 </body>
    14 
    15 </html>
    style标签

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

        如需链接外部样式表,请使用<link>标签。

        示例:没有下划线的链接,使用style=“text-decoration:none”

    <a href="/example/html/lastpage.html" style="text-decoration=none">这是一个没有下划线的链接
    </a>
  • 相关阅读:
    C语言-第32课
    typeof和clamp
    C语言void*和*p的使用
    C语言二级指针和一级指针
    C语言结构体变量成员之指针变量成员的坑
    控制硬件三部曲
    C语言const char*使用
    jiffies是什么
    TPO3-1 Architecture
    相关关系|相关系数|线性关系|
  • 原文地址:https://www.cnblogs.com/haidaojiege/p/6674176.html
Copyright © 2011-2022 走看看