文章目录

1、HTML - head元素
2、HTML - title元素
3、HTML - base元素
4、HTML - link元素
5、HTML - style元素
6、HTML - meta元素
7、HTML - script元素

学习资料来源于：菜鸟教程 - HTML头部标签

HTML head 元素：

1、HTML - head元素

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

可以添加在头部区域的元素标签为:

<title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>

2、HTML - title元素

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

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

<title>元素:

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

<!DOCTYPE html>
<head><title>日常小练习</title><body><p>这是文档内容.....</p></body>
</head>
</html>

3、HTML - base元素

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

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

4、HTML - link元素

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

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

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

5、HTML - style元素

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

在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:

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

6、HTML - meta元素

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

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

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

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

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

<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">

7、HTML - script元素

<script>标签用于加载脚本文件，如： JavaScript。
<script> 元素既可包含脚本语句，也可以通过 “src” 属性指向外部脚本文件。

注释：如果使用 “src” 属性，则 <script> 元素必须是空的。

注释：有多种执行外部脚本的方法：

如果 async=“async”：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）
如果不使用 async 且 defer=“defer”：脚本将在页面完成解析时执行
如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本

<!DOCTYPE html>
<head><!-- 通过 JavaScript 输出 "Hello world"： --><script>document.write("Hello World!")</script>
</head>
</html>

HTML头部元素标签相关推荐

007_html头部元素
1. html头部元素 2. <head>元素 2.1. <head>元素用于定义文档的头部, 它是所有头部元素的容器.<head>内的元素可包含标题.脚本.样式信 ...
HTML 头部 head 标签
文章目录 HTML head 元素 1. title 2. base 3. link 4. style 5. meta 6. script HTML head 元素元素包含了所有的头部标签元素.在元 ...
HTML5头部head标签常用信息
查找总结了一些HTML5头部<head>标签常用信息,有错误的,敬请留言指正,或可以留言补充,欢迎留言交流!  <metacharset=" ...
HTML - 元素/标签详解
http://blog.csdn.net/pipisorry/article/details/78928492 HTML头部元素<head> <head> 元素包含了所有的头部 ...
js循环解析html标签,riot.js教程【六】循环、HTML元素标签
循环可以通过each属性来达到标签循环,如下: { title } this.items = [ { title: 'First item', done: true }, { title: 'Sec ...
第六十节，文本元素标签
文本元素标签 <b></b>表示关键字和产品名称如:<b>查看效果</b> 效果:加粗查看效果 <strong></strong& ...
Html5学习笔记1 元素标签属性
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
mybatis 数组添加_Mybatis配置文件中Insert 元素标签添加配置有哪些呢？
Insert 元素标签添加方式添加记录不返回主键配置添加记录返回主键1(属性配置) 添加记录返回主键2(属性配置) 批量添加记录返回影响总记录行数(属性配置) 案例实操添加记录不返回主键配置 in ...
svg元素标签增加、移除class名
svg元素标签不支持jquery中addClass().removeClass()方法解决方法 $.fn.addSvgClass = function(className) {return thi ...

HTML头部元素标签