head标签的内部标签
作者:飞入蓝天 来源: 十二维教育 人气:139 类型: 免费 价格:¥0 所属课程:HTML/DIV/CSS精讲    
本文档有配套视频,购买本文档或加入该课程后可播放!

允许运行Flash播放器吗?如未安装,请先安装Flash Player(版本: 11.4.0)或更高版本.

html的head标签是描述网页的头部信息,其内部通常有以下几种标签。

title 定义了文档的标题
base 定义了页面链接标签的默认链接地址
link 定义了一个文档和外部资源之间的关系
meta 定义了HTML文档中的元数据
script 定义了客户端的脚本文件
style 定义了HTML文档的样式文件

这些标签不是必须的,但通常情况应该指定,比如title。

下面是12306(火车定票)网站首页的head内容:

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="中国铁路客户服务中心网站是铁路服务客户的重要窗口,将集成全路客货运输信息,为社会和铁路客户提供客货运输业务和公共信息查询服务。客户通过登录本网站,可以查询旅客列车时刻表、票价、列车正晚点、车票余票、售票代售点、货物运价、车辆技术参数以及有关客货运规章。" />
    <title>铁路客户服务中心</title>
    <link href="/mormhweb/images/global20150101.css" rel="stylesheet" type="text/css" />
    <link href="/mormhweb/images/erweima.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" type="image/x-icon" href="http://www.12306.cn/mormhweb/images/favicon.ico" />
    <link rel="icon" type="image/x-icon" href="http://www.12306.cn/mormhweb/images/favicon.ico" />
    <script type="text/javascript" src="/mormhweb/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/mormhweb/js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="/mormhweb/images/jquery.bgiframe.min.js"></script>
    <script type="text/javascript" src="./images/jquery.flash.js"></script>
    <script type="text/javascript" src="/mormhweb/js/adKyfw.min.js" charset="utf-8"></script>
</head>


meta标签

meta标签描述了一些基本的元数据。

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="免费 Web & 编程 教程">

定义网页作者:

<meta name="author" content="Runoob">

每30秒钟刷新当前页面:

<meta http-equiv="refresh" content="30">

指明网页的字符编码:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


script标签

标签用于加载脚本文件,如JavaScript。src属性指明脚本文件的地址,可以是相对地址(引用本地网站的脚本文件),也可以是远程的脚本文件(来自其他网站)。


style标签

style标签定义了HTML文档的样式文件引用地址.
在style元素中你也可以直接添加样式来渲染 HTML 文档:


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


link标签

link 标签定义了文档与外部资源之间的关系。

link 标签通常用于链接到样式表:

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


base标签

标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:


<head>
<base href="http://www.wave12.com/images/" target="_blank">
</head>





本文为付费文档,请购买或加入所属课程查阅全部内容!

评论

正在加载评论...
提交评论

  •  1. html简介 试看
  •  2. 一个简单的网页 试看
  •  3. 什么是网页标签的属性 试看
  •  4. html注释 试看
  •  5. head标签的内部标签 试看
  •  6. h标题标签
  •  7. p段落标签和br换行标签
  •  8. a超级链接标签
  •  9. img图像标签
  •  10. select下拉标签
  •  11. font文本标签及文本格式化类标签
  •  12. table表格标签
  •  13. ul,ol列表标签
  •  14. div、span标签
  •  15. form表单标签
  •  16. html标签的事件
  •  17. iframe框架标签
  •  18. pre预格式化标签
  •  19. html的三种样式(CSS)形式
  •  20. css语法和常用选择器
  •  21. CSS常用属性
  •  22. div和css布局的常用技巧
  •  23. 典型网站的div+css布局形式
  •  24. 网页滚动时让某个元素不超出页面顶部
  •  25. 解决JQuery UI中tabs()方法与HTML 标签冲突
  •  26. CSS3使用table-cell实现div里的内容水平和垂直居中
十二维网, 版权所有©2005-2018
电话:15013459492 (宋生)  
Email:wave12@126.com
深圳总部:深圳市福田区八卦四路先科机电大厦6楼
网站备案:粤ICP备10018904号