【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程(李立超 超哥)笔记 P15 meat标签

meta标签

meta标签主要用于设置网页中的一些元数据,元数据不是给用户看的,是给浏览器或搜索引擎爬虫程序看的

meta标签中常用属性:
charset
name
content
keywordws
description

具体用法如下:

<!DOCTYPE html>
<html>
	<head>
		<!-- meta标签主要用于设置网页中的一些元数据,元数据不是给用户看的,
		 是给浏览器或搜索引擎爬虫程序看的-->
		<meta charset="utf-8">
		<!-- charset 指定网页的字符集 
		 name 指定数据的名称
		 content 指定数据的内容
		 
		 keywords 表示网站的关键字(例如在搜索引擎中搜索“网上购物”会出现
		 京东的页面,因为“网上购物”是京东网站的关键字)
		 
		 description 用于指定网站的描述
		 网站的描述会显示在搜索引擎的搜索结果中
		 
		 title title标签的内容会作为搜索结果的超链接上的文字显示
		 
		 -->
		 
		 <!-- 设置的元数据的名字是keywords,值是 HTML5,前端,CSS3-->
		 <meta name="keywords" content="HTML5,前端,CSS3" />
		 
		 <meta http-equiv="refresh" content="3;url=https://baidu.com" />
		 <!--将页面重定向到另一个网站-->
		 
		<title></title>
	</head>
	<body>
		
	</body>
</html>

以京东的页面为例:

在这里插入图片描述
京东网页源代码:
在这里插入图片描述
大家也可以自己打开京东的官网去看一下网页源代码,可以帮助大家学习(右击-查看网页源代码 或 快捷键Ctrl+U)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值