(一)、head标签是什么
-
<head>
标签用于定义文档的头部,它是所有头部元素的容器 -
<head>
中的元素可以引用脚本、样式表、提供元信息等 - 绝大多数文档头部包含的数据都不会真正作为内容显示给读者
(二)、head包含的标签
-
meta
,title
,link
,base
,script
等常用标签 -
title
作用是显示网页标题 -
base
作用是网页默认打开方式声明标签 -
link
作用是链接外部CSS文件和收藏夹图标,是一个链接标签 -
meta
作用是用作网页关键词、网页描述、作者、网页编码、robots、自动跳转等说明性标签,包含广泛的内容标签 -
script
作用是调用外部js文件 -
style
作用是直接嵌入网页的CSS文件
(三)、标签详解
-
1. title 标签
*title是一个封闭标签,在head中是成对出现 *- 用法:
<title>…</title>
-
2. link 标签
最常用的用法是链接外部样式表,也就是css文件- 用法:
<link … />
- 举例
引入外部css样式:
<link rel=”stylesheet” type=”text/css” href=”http://www……. /style.css” />
rel
:定义的是该文档与被链接文档之间是什么关系,这里是外部css样式表,即stylesheet
type
:规定外部链接文档是什么打开类型,link中的css 这样写 法type=”text/css”
,link中的网站小图标写法type=”image/x-icon”
href
:是外部css地址-
3. script标签
该标签是一个封闭标签,该标签不仅仅可以在头部head标签内使用,在body标签内部任何位置都可以使用,最终实现的效果都是一样的,通常是用在head标签内- 用法:
<script></script>
- 举例
<script src=”http://www…../index.js” type=”text/javascript”></script>
src
中是调用js文件地址。type
规定调用js文件的打开方式4. meta标签
任何一个网页中都有meta标签的使用,这篇文章对meta标签有详细介绍HTML-META标签-
5. style标签
*该标签是一个封闭标签,在head中是成对出现 *- 用法:
<style></style>
- 举例
<style type=”text/css”>…</style> //中间用于放CSS样式代码
相关文章推荐
html中<head>部分常用元素