03-meta 标签的用法介绍

最新推荐文章于 2024-07-18 18:41:00 发布

聆·听

最新推荐文章于 2024-07-18 18:41:00 发布

阅读量147

点赞数

分类专栏： # HTML 文章标签： html

本文链接：https://blog.csdn.net/weixin_43654037/article/details/107427960

版权

HTML 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

meta 标签的用法介绍

meta 主要用于设置网页中的一些元数据。

元数据不是给用户看的

主要属性
- charset 指定网页的字符集
- name 指定的数据的名称
- content 指定的数据的内容

例：

keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用,隔开

<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑， MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>
<meta name="keywords" content="网购,网上购物,在线购物,网购网站,网购商城,购物网站,网购中心,购物中心,卓越,亚马逊,卓越亚马逊,亚马逊中国,joyo,amazon">

description 用于指定网站的描述

<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"/>

网站的描述会显示在搜索引擎的搜索的结果中

*meta 标签再网页中的一些其他常用方式

<meta http-equiv="refresh" content="3;url=https://www.mozilla.org"> 
<!-- 将页面三秒后重定向到另一个网站-->

title 标签的应用

*title标签的内容会作为搜索结果的超链接上的文字显示*

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <meta name="keywords" content="HTML5,前端,CSS3">
     <meta name="description" content="这是一个非常不错的网站">
    <title>这是标题</title>
</head>
<body>
</body>
</html>

聆·听

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
03-meta 标签的用法介绍

meta 标签的用法介绍meta 主要用于设置网页中的一些元数据。元数据不是给用户看的主要属性charset 指定网页的字符集name 指定的数据的名称content 指定的数据的内容例：keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用,隔开<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑， MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"
复制链接

扫一扫