HTML【head】

最新推荐文章于 2024-10-16 09:19:27 发布

-cc- Lynn

最新推荐文章于 2024-10-16 09:19:27 发布

阅读量202

点赞数

分类专栏： web 文章标签：大数据

本文链接：https://blog.csdn.net/Lynntureture/article/details/125624654

版权

web 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

HTML <head> 元素

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

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

head 标签和 header 标签的不同

head 标签用于定义文档头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

header 标签用于定义文档的页眉（介绍信息）。

HTML <title> 元素

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

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

<title> 元素:

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

HTML <base> 元素

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title Test</title>
    <base href="https://www.csdn.net/" target="_blank">     <!--—使用_blank所以会在新页面打开链接-->
</head>
<body>
<a href="">菜鸟</a>
</body>
</html>

因为默认打开的是csdn，如果<body>标签中的<a>中的href有指定的地址，则会访问指定地址

HTML <link> 元素

HTML<title>元素不仅可以显示文本，也可以在左侧显示logo等图片。

显示时，要将<link>标签放入<head>里。

<head>
<link rel="shortcut icon" href="图片url">
<title>这是一个带图片的标签</title>
</head>

HTML <style> 元素

在html中，style标签是使用来定义html文档的样式信息，在该标签中你可以规定浏览器怎样显示html文档内容。

语法格式说明：

type属性是style标签必须属性，用来规定样式表的MIME类型，唯一的值为：text/css；
一个html文档中可以有多个style标签，元素的样式遵循就近原则。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style >
        body {background-color:brown}
        p {color:wheat}
    </style>
</head>
<body>
<p>666666666666666</p>
<a href="https://www.csdn.net/">CSDN</a>
</body>
</html>