【WEB学习】Day02-HTML的meta标签

本文介绍了HTML中的实体,如空格、特殊符号的转义方式,并详细讲解了meta标签的用途,包括设置字符集、定义网页描述以及实现页面重定向。通过meta标签,可以优化网站的搜索引擎可见性,如设置keywords和description来帮助搜索引擎理解网页内容。
摘要由CSDN通过智能技术生成

WEB学习Day02-HTML的meta标签

【时间】2022/1/6

【内容一:HTML实体】

①HTML中存在着许多符号无法直接显示的情况:
  a.空格,在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格。
  b.<和>,这两个符号本身是标签的界限符,因此它们不能直接打出来,我们要使用html中的实体(转义字符)。
②实体的语法:
  &实体的名字;
比如:空格是&加nbsp;大于号是&加lt;小于号是&加gt;
&加copy;是版权符号©等。
(一般情况下要有后面那个分号)

【内容二:meta标签】

meta主要用于设置网页中的一些元数据,元数据不是给用户看的,是给浏览器看的。其常见属性如:
charset 指定网页中的字符集
name 指定的数据的名称
content 指定的数据的内容

一些HTML中常用的的name和content组合:
①keywords,表示网站的关键字,可以同时指定多个关键字,关键字间使用","隔开。

<meta name=“keywords” content=“HTML5,前端,CSS3”>

这个meta标签设置了一个关键字,他的名字叫"keywords",他的值叫"HTML5,前端,CSS3”。这样可以给网页设置关键字,让搜索引擎搜索时,输入content中的词语,可以搜索到这个网页。

②description,用于指定网站的描述。

<meta name=“description” content=“京东JD.COM-专业的综合网上购物商城”>

设置好description,可以在搜索引擎的搜索结果里看到这个网页的简介。(另外,title标签中的内容会作为搜索引擎的搜索结果中超链接上的文字的内容)

③http-equiv,可以将页面重定向至另一个网站。

<meta http-equiv=“refresh” content=“3;url=https://www.baidu.com”>

将页面重定向至百度首页。其中3表示3秒后跳转。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值