HTML中常见标签

最新推荐文章于 2022-04-08 17:49:30 发布

仓央情思

最新推荐文章于 2022-04-08 17:49:30 发布

阅读量394

点赞数 4

分类专栏：前端文章标签： meta的用法。

本文链接：https://blog.csdn.net/weixin_44798295/article/details/102651906

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML中常见标签

1.title：页面标题元素

*基本语法：*

<head>
	<title>标题名称</title>
</head>

例子：

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		**<title>这是我的第一篇博客</title>**
	</head>
	<body>
	</body>
</html>

2.meta：元信息元素

meta标记的功能主要是定义页面中的信息，这些信息并不会显示在网页当中，而只是在网页中发挥自己的作用。但在源代码中会显示。在HTML头部可以包含任意数量的meta标记。meta标记通过属性定义文件信息的名称、内容。也可以提供文档的关键字、作者、及描述等各种信息。

2.1设置页面关键字

关键字是描述网站的产品及服务的词语，选择恰当的关键是建立一个排名高的网站的第一步。关键字选择最为重要的技巧是，选取那些常被人们搜索时用到的词语。这是因为当用关键字搜索时，如果网页中包含关键字，就可以在搜索结果中找到该网页。
基本语法：

<meta name="keywords" content="输入具体的关键词">

语法说明：
在本语法中，name=“keywords” 用于设置网页的关键字属性，而在content中则定义具体的关键词。
例子：

<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ""http://www.w3.org/TR/xhtml11/DTD/xhtml11-transitional.dtd">
<html>
	<head>
		**<meta name="keywords" content="网页设计 网站建设 网站优化">**
		<title>设置页面关键字</title>
	</head>
	<body>
	</body>
</html>

友情提示：
第一、要选择与网站或页面主题相关的文字，不要给网页定义与网页描述内容无关的关键字；
第二、选择具体的词语，不然也搜不到；
第三、可以为网页提供多个关键字，每个关键字都要用空格分开；
第四、不能给网页中定义过多的关键字，最好保持在十个以内，过多的关键字搜索引擎将会屏蔽；

2.2设置页面主要内容

表述标签description,网页的描述标签为搜索引擎提供了关于这个网页的概括性描述。网页的描述元标签是由一两个语句或段落组成的，内容一定要有相关性，描述不能太短，太长或过分重复。
基本语法：

<meta name="description" content="设置页面描述">

语法说明：
在该语法中，description用于定义网页的简短描述。description出现在name属性中，使用content属性提供网页的简短描述。
例子：

<!doctype html>
<html>
	<head>
		**<meta name="description" content="网页设计教程，适合初学者学习">**
		<title>设置页面描述</title>
	</head>
</html>

友情提示：
在创建描述元标签description时，要注意以下几个误区：
第一、把网页中的内容都复制到描述元标签中；
第二、注意描述的内容与网页主题的相关性；
第三、避免过于宽泛的描述；
第四、不要堆彻关键字；

2.3定义页面的搜索方式

在网页制作过程中可以通过meta中的robots定义网页搜索引擎的索引方式。
基本语法：

<meta name="robots" content="搜索方式">

常见的几个content的属性值：
第一、all 表示能搜索当前网页及链接的网页。
第二、nofollow 搜索引擎不继续通过此网页的链接搜索其他的网页。
第三、 index 表示可以搜索到当前网页。
第四、noindex 表示不能搜索到当前网页。
第五、follow 搜索引擎继续通过此网页的链接搜索其他的网页。
第六、none 搜索引擎将忽略此网页。
例子：

<!doctype html>
<html>
	<head>
		**<meta name="robots" content="index">**
		<title>定义网页的搜索方式</title>
	</head>
	<body>
		网页的其他具体内容。
	</body>
</html>

2.4定义页面的作者信息

author出现在name属性中，使用content属性提供网页的作者。
基本语法：

<meta name="author" content="作者的姓名">

例子：

<!doctype html>
<html>
	<head>
		**<meta name="author" content="小李">**
		<title>设置作者的信息</title>
	</head>
	<body>
		网页的具体内容
	</body>
</html>

2.5定义页面的跳转

在我们浏览网页的时候，经常会遇到一些欢迎界面，或一些广告的信息。在一段时间过后。网页会自动转。用http-equiv属性中的refresh 不仅能够完成页面自身的自动刷新，也可以实现页面之间的跳转。通过设置meta对象的http-equiv属性来实现跳转页面的功能。
基本语法：

<meta http-equiv="refresh" content="跳转的时间;rul=跳转的地址">

例子：

<!doctype html>
<html>
	<head>
		<meta http-equiv="refresh" content=10;url=index02.html">
		<title>定义页面的跳转</title>
	</head>
	<body>
		网页的具体内容
	</body>
</html>

仓央情思

关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML中常见标签

HTML中常见标签1.title：页面标题元素*基本语法：*<head> <title>标题名称</title></head>例子：<!doctype html><html> <head> <meta charset="utf-8"> **<title>这是我的...
复制链接

扫一扫