6-HTML 头部

<head> 元素

<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种 meta 信息。

可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。

<head> 元素描述了文档的各种属性和信息，其中包括文档的标题、在 Web 中的位置以及和其他文档的关系等。

<title>元素

<title> 标签定义了不同文档的标题。

<title> 在 HTML/XHTML 文档中是必须的。

<title> 元素:

  • 定义了浏览器工具栏的标题
  • 当网页添加到收藏夹时，显示在收藏夹中的标题
  • 显示在搜索引擎结果页面的标题

一个HTML 文档:

<!DOCTYPE html>      
<html>        
	<head>        
		<title>Title of the document</title>        
	</head> 
    
	<body>       
		The content of the document. 
	</body>                
</html>

<base> 元素

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

<head>       
	<base href="//www.w3cschool.cn/images/" target="_blank">      
</head>

在 HTML 中，<base> 标签没有结束标签

<style> 元素

<style> 标签定义了HTML文档的样式文件引用地址.

在<style> 元素中你需要指定样式文件来渲染HTML文档：

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

<meta> 元素

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

<meta> 标签提供了元数据。元数据也不显示在页面上，但会被浏览器解析。

meta元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。

<meta>一般放置于 <head>区域

例如：

定义网页作者：

<meta name="xxx" content="Hege Refsnes">

<script> 元素

<script>标签用于加载脚本文件，如： JavaScript。

posted @ 2020-08-01 19:03  aJream  阅读(17)  评论(0)  编辑  收藏  举报