mata标签

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初始化模板


<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

你可能感兴趣的:(前端,meta)