当前位置: 首页> 技术文章> html常用头部标签

html常用头部标签

<base></base>:默认链接

使用在头部的标签

base标签为页面上所有链接 指定 默认链接或 默认目标

使用base标签后,浏览器将不在使用当前文档的url ,而使用指定url来解析所有文档中其他标签的url

这其中包括<a>,<img>,<link>,<form>标签中的url

下图a标签与img标签与base标签拼接成 https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26

如果a标签的href与img的src属性没有值将指向https://ss0.bdstatic.com

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <base href="https://ss0.bdstatic.com" />
        <title>我是一个标题</title>
    </head>
    <body>
        <img src="/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26"/>
        <a href="/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26">陈一发</a>
    </body>
</html>

<title></title>:头部标题标签

 使用在头部的标签

title元素可定义文档的标题,浏览器会把它显示在标题栏或状态栏上

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>我是一个标题</title>
    </head>
    <body>

    </body>
</html>

<script></script>:脚本标签

头部与主体都可以使用的标签

script用于定义客户端脚本,比如javascript

script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件,必须的type属性规定脚本的mime类型

常见的MIME类型:
  超文本标记语言文本 .html,.html text/html 
  普通文本 .txt text/plain 
  RTF文本 .rtf application/rtf 
  GIF图形 .gif image/gif 
  JPEG图形 .jpeg,.jpg image/jpeg 
  au声音文件 .au audio/basic 
  MIDI音乐文件 mid,.midi audio/midi,audio/x-midi 
  RealAudio音乐文件 .ra, .ram audio/x-pn-realaudio 
  MPEG文件 .mpg,.mpeg video/mpeg 
  AVI文件 .avi video/x-msvideo 
  GZIP文件 .gz application/x-gzip 
  TAR文件 .tar application/x-tar

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>我是一个标题</title>
        <script type="text/javascript">document.write("<h1>我是一个js脚本</h1>")</script>
    </head>
    <body>
        <script type="text/javascript">document.write("<h1>我是一个js脚本</h1>")</script>
    </body>
</html>

<style></style>:样式风格标签

头部使用的标签

style标签为html文档定义样式信息

在style中 可以规定在浏览器中如何呈现html文档

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

text/css 是文本样式

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
        h1{color: red;}
        p{color: blue;}
        a{color: black;}
        </style>
        <title>我是一个标题</title>
    </head>
    <body>
        <p>我是蓝色的</p>
        <a>我是黑色的</a>
        <h1>我是红色的</h1>
    </body>
</html>

<link></link>:外部资源标签

link标签定义文档与外部资源的关系

link标签最常见的用途是链接样式表

css/css1.css是在css目录下新建的一个.css文件

里面定义了p标签的背景样式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
        h1{color: red;}
        p{color: blue;}
        a{color: black;}
        </style>
        <link rel="stylesheet" type="text/css" href="css/css1.css"/>
        <title>我是一个标题</title>
    </head>
    <body>
        <p>我是蓝色的,但是背景是黄色的</p>
        <a>我是黑色的</a>
        <h1>我是红色的</h1>
    </body>
</html>


上一篇: 软件测试面试题目分享

下一篇: Jenkins详细教程

QQ技术交流群

多测师官方学习交流
556733550

加入群聊