HTML头部标签详解-优快云博客

头部标签

<title>标签
<meta>标签
<link>标签
<script>标签

一、<title>标签

1.1、说明

<title> 标签用于定义文档的标题，提供页面被添加到收藏夹时的标题名称。

1.2、使用

<!DOCTYPE>
<html>
<head>
	<title>网页名称</title>
</head>
</html>

在这里插入图片描述

二、<meta>标签

2.1、说明

支持HTML的浏览器都支持<meta> 标签，该标签提供了当前文档的元数据。元数据不会被显示在客户端，但是会被浏览器解析。在HTML中，没有结束标签。但是在XHTML中，必须包含结束标签。

2.2、属性

charset：HTML5的新特性。用于告知浏览器当前文档使用的字符编码，有了这个浏览器才知道该用什么字符编码来解析该文档。【感觉就这一个用得上，其他的干脆就不列出来了】

2.3、使用

<!DOCTYPE>
<html>
    <head>
        <meta charset="UTF-8"><!--该文档使用的字符集，其实常用的几个字符集浏览器都是认识的-->
        <title>网页名称</title>
    </head>
</html>

三、<link>标签

3.1、说明

支持HTML的浏览器都支持<meta> 标签，标签定义文档与外部资源的关系。最常见的用途就是链接CSS样式表、链接javaScript脚本、链接icon标题logo。

3.2、属性

charset：HTML5不支持该属性。用于定义被链接文档使用的字符集，方便浏览器解析。
href：被链接文档的位置
sizes：HTML5新特性。定义链接属性的大小，只对属性rel="icon"有效。
rel：指明链接进来的是个什么东西。
1. Stylesheet：样式表
2. Icon：标题前面的图标
3. …
全局属性。

3.3、使用

<!DOCTYPE html>
<html>
<head>
	<title>网页名称</title>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="./css/test1.css"><!--引入一个CSS样式表-->
	<link rel="icon" href="../img/logo.ico" sizes="32*32"><!--引入一个标题logo图片-->
</head>
</html>

四、<script>标签

4.1、说明

4.2、属性

type：必选的属性。用于指示脚本的类型，如：type="javascript"
src：必选的属性。指定外部文档的位置
charset：用于定义被链接文档使用的字符集，方便浏览器解析。
全局属性

4.3、使用

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
	<title>网页名称</title>
    <script type="javascript" src="../js/test.js"></script>
</head>
</html>