HTML知识基础语法篇(2)

最新推荐文章于 2023-01-27 19:13:52 发布

KeepTec

最新推荐文章于 2023-01-27 19:13:52 发布

阅读量557

点赞数 1

分类专栏：编程 HTML5 前端文章标签： html5 html

本文链接：https://blog.csdn.net/blankpaper1/article/details/105933853

版权

编程同时被 3 个专栏收录

14 篇文章 0 订阅

订阅专栏

HTML5

12 篇文章 0 订阅

订阅专栏

前端

12 篇文章 0 订阅

订阅专栏

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>.设置网页定时跳转
  语法：&ltmeta http-equiv=“refresh” content=“跳转时间;url=链接地址”>

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta author="学渣代表">
		<meta http-equiv="refresh" content="3;url=https://blog.csdn.net/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

KeepTec

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
2
评论
HTML知识基础语法篇(2)

HTML基础知识第二篇，HTML文件的头标签文件头标签<head></head><head></head>:文件头<head></head>标签：出现在web浏览器的标题栏，放置文件的信息，包含，文件的标题，编码方式，URL等信息,这些信息大部分用来提供索引，辨认等文件头标签内的元素 (1).<title&g...
复制链接

扫一扫