HTML学习笔记二:html-head内元素

发布时间 2023-12-05 17:54:08作者: yysocket

HTML学习笔记二:head内元素

MDN元素查询地址

所有的html的元素我们都可以通过以下地址进行相关的查询和理解。
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta

title 标题元素

用于定义文档的标题,此标题显示在标题栏或者标签栏上,一般为纯文本。

<title>网页标题</title>

meta 元信息元素

meta元素主要是用来描述网页的基础信息
常见的使用方式如下:

<!-- 字符编码 -->
<meta charset="UTF-8">
<!-- 针对IE浏览器的兼容设置 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 针对移动端的基础配置 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 配置网页关键字,用于SEO -->
<meta name="keywords" content="购物,门锁,门禁">
<!-- 网页的描述信息 -->
<meta name="description" content="这是一个网页的描述">
<!-- 配置爬虫 -->
<meta name="robots" content="follow">
<!-- 配置网页自动刷新,10s后跳转百度如下-->
<meta http-equiv="refresh" content="10;url=https://www.baidu.com">

style 样式元素

style元素包含文档的样式信息或者文档的部分内容。默认情况下,该标签的样式信息通常是CSS。
被称为内部样式。
style内部的语句需要遵循css样式的标准。

<style type="text/css">

p.p1 {
	margin: 0.0px 0.0px 0.0px 0.0px; 
	font: 12.0px 'PingFang SC'; 
	color: #000000
	}
p.p2 {
	  color: #26b72b;
	}
span.s1 {
	font-kerning: none
	}

span.s2 {
	font: 12.0px Helvetica; 
	font-kerning: none
	}

</style>

type属性可以省略,默认即为CSS

用于链接外部的文档或者资源,一般常用于外部css样式表文件

<link rel="stylesheet" href="./css/position.css">

rel: stylesheet,样式表数据
href: 后跟链接地址,一般用相对地址或者网络地址

script 脚本元素

script有脚本的意思,这里是用来放置html内部的js语句的。
type="text/javascript"来标识,通过src来制定对应的js文件。
script内部的代码遵循js语法标准。

<script type="text/javascript" src="javascript.js">