HTML head元素中常用标签介绍

<head>元素是所有头部元素的容器,<head>内的元素可以指示浏览器在何处可以找到样式表,提供一些信息等。head内常用的元素有<title>、<base>、<link>、<meta>、<script>及<style>。

1、<title>标签定义文档的标题

title元素在所有的HTML文档中都是必须的,它定义浏览器地址栏中显示的标题,实例如下

<!DOCTYPE html>
<html>
<head>
    <title> This is my HTML</title>
</head >
</html>

2、<base>标签为页面上所有链接规定默认地址或默认目标(target)

<!DOCTYPE html>
<html>
<head>
    <title> This is my HTML</title>
    <!-- 规定默认地址-->
    <base href="http://www.baidu.com"></base>
    <!-- 规定默认目标-->
    <base target="_blank"></base>
</head >
</html>

3、<link>标签定义文档与外部资源之间的联系,它最常用于连接样式表

<!DOCTYPE html>
<html>
<head>
    <title> This is my HTML</title>
    <!-- 规定默认地址-->
    <base href="http://www.baidu.com"></base>
    <!-- 规定默认目标-->
    <base target="_blank"></base>
    <!-- 连接样式表-->
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head >
</html>

4、<meta>元素常用于描述页面功能、关键词、文档作者、创建时间等以及一些其他信息。

<!DOCTYPE html>
<html>
<head>
    <title> This is my HTML</title>
    <!-- 规定默认地址-->
    <base href="http://www.baidu.com"></base>
    <!-- 规定默认目标-->
    <base target="_blank"></base>
    <!-- 连接样式表-->
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <!-- 向浏览器传送信息,告诉浏览器这个文档的字符集类型-->
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
    <!-- 文档作者-->
    <meta name="author" content="LiXianLi">
    <!--修订时间-->
    <meta name="revised" content="panda,12/10/2015">
</head >
</html>

5、<script>标签用于定义客户端脚本

<!DOCTYPE html>
<html>
<head>
    <title> This is my HTML</title>
    <!-- 规定默认地址-->
    <base href="http://www.baidu.com"></base>
    <!-- 规定默认目标-->
    <base target="_blank"></base>
    <!-- 连接样式表-->
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <!-- 向浏览器传送信息,告诉浏览器这个文档的字符集类型-->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <!-- 文档作者-->
    <meta name="author" content="LiXianLi">
    <!--修订时间-->
    <meta name="revised" content="panda,12/10/2015">
</head >
<body>
    <script type="text/javascript">
        document.write("hello world")
    </script>
</body>
</html>

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

<!DOCTYPE html>
<html>
<head>
    <title> This is my HTML</title>
    <!-- 规定默认地址-->
    <base href="http://www.baidu.com"></base>
    <!-- 规定默认目标-->
    <base target="_blank"></base>
    <!-- 连接样式表-->
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <!-- 向浏览器传送信息,告诉浏览器这个文档的字符集类型-->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <!-- 文档作者-->
    <meta name="author" content="LiXianLi">
    <!--修订时间-->
    <meta name="revised" content="panda,12/10/2015">
    <!-- 定义样式信息-->
    <style type="text/css">
    body {background-color: green}
    p {color: blue}
    </style>
</head >
<body>
    <script type="text/javascript">
        document.write("hello world")
    </script>
    <p>测试脚本</p>
</body>
</html>

推荐教程:html入门教程

以上就是HTML head元素中常用标签介绍的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏