HTML基础知识
第二篇,HTML文件的头标签
- 文件头标签<head></head>
<head></head>:文件头<head></head>标签:出现在web浏览器的标题栏,放置文件的信息,包含,文件的标题,编码方式,URL等信息,这些信息大部分用来提供索引,辨认等 - 文件头标签内的元素
(1).<title></tilte>:文件名说明文件的用途,放在标题栏
语法:<title>…</tilte>
<title></title>的作用功能:
<title></title>:每个HTML文件都有一个文件名,文件名作为窗口名称显示在该窗口的最上方,浏览器的收藏功能,文件名写在<title></title>中.
(2).元信息标记<meta>
元信息标记<meta>:该标签中的元素,用户不可见,一般用来定义页面的信息名称,关键字,作者等
该标签是单独标签
meta元素属性有两种:name和http-equiv
name属性:用于描述网页,以便于搜索引擎机器人搜索查找分类。
下面是name属性值
<1>.设置关键字
设置页面关键字是为了向搜索引擎说明这一网页的关键字,帮助搜索引擎对改网页的查找和分类。
可以设置多个关键字之间用逗号隔开,
如:<meta name=“keyname” content=“关键字”>
<2>.设置页面描述
设置页面描述与关键字类似
语法:<meta name=“description” content=“对页面的描述”>
<3>.设置编辑工具
设置编辑工具:编写文件使用的工具
语法:<meta name=“generator” content=“编辑软件的名称”>
<4>.设定作者信息
语法:<meta name=“author” content=“作者名”>
<5>.限制搜索方式
限制搜索方式来限制搜索引擎对页面的搜索方式
语法:<meta name=“robots” content=“搜索方式”>
content值:
all:表示搜索当前网页及其连接的网页
Index:表示搜索当前网页
Nofollow:表示不能搜索与当前网页链接的网页
Noindex:表示不能搜索当前网页
None:表示不能搜索当前网页及其链接的网页
下面是http-equiv属性值
<6>.设置网页文字及其语言
设定语言的编码方式,这样计算机就可以自动的选择语言
语法:
第一种方法:<meta http-equiv=“content-type” content=“text/html; charset=字符集类型”>
第二种方法:<meta http-equiv=“content-language” content=“语言”>
HTML5出现的:<meta charset=“utf-8”>
解释:
http-equiv:用于传送HTTP通讯协议的标头,也就是设定标头属性的名称,而在content中才设具体的属性值
<7>.设置网页定时跳转
语法:<meta http-equiv=“refresh” content=“跳转时间;url=链接地址”>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta author="学渣代表">
<meta http-equiv="refresh" content="3;url=https://blog.youkuaiyun.com/BlankPaper1/article/details/105913476">
<title>设置网页定时跳转</title>
</head>
<body>
<center>
<h1>Hello Word!</h1>
3秒后页面将会跳转,请默数3秒,1,2,3.
</center>
</body>
</html>
自己可以在VSCode或DW中运行一下看下效果。
<8>.基低网址标记<base>
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base>标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,
而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
语法:
<base href=“链接地址” target=“新窗口打开方式”>
新窗口打开方式:
_parent:在上一级窗口打开,一般常用在分帧的框架页中
_blank:在新窗口中打开
_self:在同一窗口中打开,可省略
_top:在浏览器的整个窗口打开,忽略任何框架
每天晚上21:00更新,有时会提前更新,原创cyz