HTML Head

最新推荐文章于 2023-11-29 17:22:33 发布

_一克拉的梦想_

最新推荐文章于 2023-11-29 17:22:33 发布

阅读量392

点赞数

分类专栏：复习笔记 HTML 文章标签： HTML head

本文链接：https://blog.csdn.net/u013960094/article/details/43987047

版权

复习笔记同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

HTML

19 篇文章 0 订阅

订阅专栏

HTML <head> Element

该元素用于封装 meta 数据。HTML meta 数据不显示，用来定义文件的标题、样式、链接、脚本和其他meta信息。

缺省 <html>, <head>, <body>

在HTML 5 标准里，这三个标签都可以缺省，但目前不建议缺省 <html> 和 <body> 标签。前者用来指定网页语言，声明语言对于屏幕阅读器和搜索引擎很重要。此外缺省二者之一，可能引起 DOM 和XML软件崩溃，后者缺省会在旧浏览器（IE9）中产生错误。

如果缺省 <head> 标签，浏览器会把所有在 <body> 前的元素添加到一个默认的 <head> 元素里。

HTML <title>

<title> 元素在所有HTML/XTHML文档中都是要求的。

defines a title in the browser toolbar定义在浏览器工具条里显示的文档标题
provides a title for the page when it is added to favorites 当添加到收藏夹时为该页面提供一个标题
displays a title for the page in search-engine results 为出现在搜索引擎结果里的页面显示标题

HTML <style>

该元素用来定义一个HTML文档的样式信息。

HTML <link>

定义页面和一个外部资源的关系，最常用来链接外部样式表文件。

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

注意：该元素是一个空元素，只包含attributes。而且only在head区域，但是可以出现多次（appear any number of times）。

HTML <meta>

该标签提供关于HTML文件的元数据，虽不显示在网页中，但是机器可解析的。

The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.

元数据可被浏览器用来决定如何显示内容或者重新加载页面，提供关键词给搜索引擎

Examples;

1. Specifypage description, keywords, authorof the document,last modified, and other metadata.

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
<meta name="description" content="Free Web tutorials on HTML and CSS">
<meta name="author" content="Hege Refsnes">

2. Refresh document every 30 seconds: 每隔30秒刷新页面

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

HTML <script>

该元素用来定义客户端的JavaScript。

HTML <base>

The <base> tag specifies the base URL/target for all relative URLs in a document.

There can be at maximum one <base> element in a document, and it must be inside the <head> element.

一个文件里最多有一个 <base> 元素，且必须写在 <head> 元素里。

该标签指定了一个文件中所有相对URL的基地址，比如 <img> 标签引用images文件夹里的图片，其属性src的值可以直接写文件名。

<head>
<base href="http://blog.csdn.net/images/" target="_blank">
</head>
<body>
<img src="stickman.gif" width="24" height="24" alt="stickman">
</body>

注意：<base> 元素要写在head元素里第一个元素的位置上。So that other elements in the head section uses the information from the <base> element.

如果有<base> 元素出现，则它必须含有一个 href 特性或者 target 特性，或者两者都有。