一:前端面试题;html中的meta标签

本文详细介绍了HTML meta标签的name属性和http-equiv属性,包括name属性的keywords、description、viewport等参数,以及http-equiv属性的content-Type、X-UA-Compatible、cache-control等参数,帮助理解meta标签在网页优化和浏览器渲染中的作用。
摘要由CSDN通过智能技术生成

meta 标签共有两个属性,分别是 http-equiv 属性和 name 属性。

1. name 属性

name 属性主要用于描述网页,比如网页的关键词,叙述等。与之对应的属性值为 content,content 中的内容是对name填入类型的具体描述,便于搜索引擎抓取。

meta 标签中 name 属性语法格式是:

<meta name="参数" content="具体的描述">。

其中 name 属性共有以下几种参数。(A-C 为常用属性)

A. keywords(关键字)

说明:用于告诉搜索引擎,你网页的关键字。

举例:

<meta name="keywords" content="Lxxyx,博客,文科生,前端">

B. description(网站内容的描述)

说明:用于告诉搜索引擎,你网站的主要内容。

举例:

<meta name="description" content="文科生,热爱前端与编程。目前大二,这是我的前端博客">

C. viewport(移动端的窗口)

说明:这个概念较为复杂,具体的会在下篇博文中讲述。
这个属性常用于设计移动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。

举例(常用范例):

&l
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值