Html 教程 <head>

Posted thefist11

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Html 教程 <head>相关的知识,希望对你有一定的参考价值。

1 . 定义

<head>元素包含了所有的头部标签元素。

  • <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
  • 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>
标签描述
<head>定义了文档的信息
<title>定义了文档的标题
<base>定义了页面链接标签的默认链接地址
<link>定义了一个文档和外部资源之间的关系
<meta>定义了html文档中的元数据
<script>定义了客户端的脚本文件
<style>定义了HTML文档的样式文件

1.1 HTML <base>元素

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

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

1.2 HTML<link> 元素

定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表:

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

1.3 HTML <style> 元素

定义了HTML文档的样式文件引用地址, 也可以直接添加样式来渲染 HTML 文档:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head> 
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

1.4 HTML <meta> 元素

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

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

  • META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
  • 元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
  • <meta>一般放置于 <head>区域

eg.

为搜索引擎定义关键词:
<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">

1.5 HTML <script>元素

<script>标签用于加载脚本文件

以上是关于Html 教程 <head>的主要内容,如果未能解决你的问题,请参考以下文章

VIM 代码片段插件 ultisnips 使用教程

head标签怎么给多个html引用

markdown 打字稿...编码说明,提示,作弊,指南,代码片段和教程文章

iText7高级教程之html2pdf——2.使用CSS定义样式

iText7高级教程之html2pdf——2.使用CSS定义样式

iText7高级教程之html2pdf——2.使用CSS定义样式