本文深入解析HTML头部元素，包括<title>、<base>、<link>、<meta>、<script>和<style>标签的功能与用法，以及<meta>标签支持的属性与常见应用实例。
HTML <head> 元素
<head> 元素是所有头部元素的容器。在head元素标签内容中，包含<title>、<base>、<link>、<meta>、<script> 以及 <style>。除<title>标签的内容会显示外，其余的标签内容都为隐藏信息。
<title> 元素标签定义文档的标题。
<base>元素标签：为页面上的所有链接规定默认地址或默认目标（target）。
<link>元素标签定义文档与外部资源之间的关系。最常用于连接样式表。
<script>元素标签用于定义客户端脚本，如JavaScript。
<style>元素标签用于为HTML文档定义样式信息。
<meta>标签用来描述一个HTML网页文档的隐藏信息，例如作者、日期和时间、网页描述、关键词、页面刷新等。meta主要分为HTTP头标信息(http-equiv)和页面描述信息(name)。头标信息包括文档类型、字符集、语言等浏览器正确显示网页的信息及处理动作；页面描述如内容的关键字、摘要、作者和定义robots行为等，为搜索引擎索引提供信息。(一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引页面。)
<meta>所支持的属性：
name="" 指定特性名
content="" 指定特性值
scheme="" 命名一个解释特性值的方案
http-equiv="" HTTP服务器以此属性收集HTTP响应头标
lang="" 指定语言信息
dir="" 指定文本方向
栗子一枚：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type"content="text/html;charset=gb2312"/>
<meta http-equiv="Refresh"content="5";url=http://xxxxx.xxxx.xxx/>
</head>
<body>
<p>抱歉！旧地址已失效</p>
<p>将在5秒后跳转到新的地址...</p>
<p>如5秒后未成功跳转，请点击<a href="http://xxxxx.xxxx.xxx">点击跳转</a></p>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
