您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
一纸荒年 发布于2019年09月19日 17:09

原创 HTML 头部

162 次浏览 读完需要≈ 9 分钟 HTML

内容目录

HTML <head> 元素

<head>标签用于定义文档的头部,是所有头部元素的容器。

<title>定义文档的标题,它是head部分中唯一必需的元素。

<head>元素可以包含脚本、样式meta信息 以及其他更多的信息,如下列出元素:

HTML <title> 元素

<title>标签定义文档的标题,在所有 HTML 文档中是必需的。

<title>元素:

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

<title>标签是<head>标签中唯一要求包含的东西,且只能有一个title元素。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文档标题</title>
</head>
 
<body>
	文档内容......
</body>
 
</html>

HTML <base> 元素

<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。

<head>
	<base href="https://codeplayer.vip/" target="blank"/> <!-- base元素必须写在head标签里 -->
</head>

HTML <link> 元素

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

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

HTML <style> 元素

<style>标签定义 HTML 文档的样式信息。

<head>
	<style type="text/css">
		h1 {color:red;}
		p {color:blue;}
	</style>
</head>

HTML <meta> 元素

<meta>元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

<meta>标签位于文档的头部,不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对。

<head>
	<meta name="description" content="开发技术分享">
	<meta charset="UTF-8">
</head>

HTML <script> 元素

<script>标签用于定义客户端脚本,比如 JavaScript。

<script type="text/javascript">
	console.log("Hello World!");
</script>

HTML头部元素

标签 描述
<head> 定义了文档的信息
<title> 定义了文档的标题
<base> 定义了页面链接标签的默认链接地址
<link> 定义了一个文档和外部资源之间的关系
<meta> 定义了HTML文档中的元数据
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件
  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单