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