mata标签

最新推荐文章于 2022-11-30 20:32:53 发布

七月份的小文

最新推荐文章于 2022-11-30 20:32:53 发布

阅读量362

点赞数

分类专栏：前端文章标签： meta

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

meta标签的定义和用法

< meta > 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
< meta > 标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。

html与xhtml之间的差异

htm中，< meta >标签没有结束标签
xhtml中，< meta >标签必须被正确的关闭

提示和注释

< meta >标签永远位于 head 元素内部
元数据总是以名称/值的形式被传递

meta标签常见的属性

属性	值	描述
content	some_text	定义与 http-equiv 或 name 属性相关的元信息
http-equiv	content-type expires refresh set-cookie	把 content 属性关联到 HTTP 头部。
name	author description keywords generator revised others	把 content 属性关联到一个名称。
scheme	some_text	定义用于翻译 content 属性值的格式。

meta标签的使用

<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    两者一样作用

<meta name="Author" content="网页作者" /> 
<meta name="Copyright" content="网站版权" /> 
<meta name="keywords" content="网站关键字" />
<meta name="description" content="网站描述,不超过150字符" />

移动设备 viewport

<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">

content 参数	值
width	viewport宽度(数值/device-width)
height	viewport高度(数值/device-height)
initial-scale	初始缩放比例
maximum-scale	最大缩放比例
minimum-scale	最小缩放比例
user-scalable	是否允许用户缩放(yes/no)

html初始化模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
    <meta name="Author" content="网页作者" /> 
    <meta name="Copyright" content="网站版权" /> 
    <meta name="keywords" content="网站关键字" />
    <meta name="description" content="网站描述" />
    <link rel="Shortcut Icon" href="网站.ico图标路径" />
    <link type="text/css" rel="stylesheet" href="CSS文件路径" />
    <script type="text/javascript" src="JS文件路径"></script>
</head>
<body>  

</body>
</html>

参考文献

w3cshool

七月份的小文

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
mata标签

meta标签的定义和用法 < meta > 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 < meta > 标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。html与xhtml之间的差异 htm中，< meta >标签没有结束标签 xhtml中，< meta >标签必须被正确的关闭
复制链接

扫一扫