メタタグの理解

メタタグが何であるかを第一に、

メタタグは、HTMLドキュメントに関するメタデータを提供します(メタデータは、データに関する情報である)、メタデータがなく、機械読み取り可能なため、ページには表示されません。例えば、メタは、キーワードを設定するために使用され、著者、文字セットを設定し、ページ記述を設定し、ページがジャンプなどを時限設定。headタグ、メタ検索エンジン登録のセットに配置されたメタタグは、検索エンジン最適化は、ランキングで重要な役割を持っています。

二、メタタグの役割

メタデータは、機械の解釈で提供されていますこのページを解析する方法を機械に伝え、サーバーに追加することができます目的は、ブラウザのHTTPヘッダコンテンツが送信されます

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> //声明字符编码
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
</html>

三、メタタグ一般的な使用


<!-- 声明文档使用的字符编码 -->
<meta charset='utf-8'>
<!--百度禁止转码-->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面关键词 keywords -->
<meta name="keywords" content="your keywords">
<!-- 禁止自动翻译 -->
<meta name="renderer" content="webkit">
<!-- 较重要的是viewport属性。常用于移动端设计。 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
content 参数:
width viewport 宽度(数值/device-width)
height viewport 高度(数值/device-height)
initial-scale 初始缩放比例
maximum-scale 最大缩放比例
minimum-scale 最小缩放比例
user-scalable 是否允许用户缩放(yes/no)
公開された23元の記事 ウォンの賞賛0 ビュー207

おすすめ

転載: blog.csdn.net/CCT912097957/article/details/105255999