検索
HTML でのメタ属性の使用の概要Apr 01, 2017 pm 03:09 PM
htmlmeta要約するラベル

原文: http://www.haorooms.com/post/html_meta_ds


はじめに

メタについては以前のブログで紹介しています。例: http://www.haorooms.com/post / liulanq_think_ie この記事はブラウザのセキュリティに関するもので、ページ間の遷移変換を実現できるメタ下の IE のいくつかの属性を紹介します。 SEOの最適化でもすでに言及されています。ここでは、meta の機能と使い方を詳しく紹介します。


まえがき

metaとは、HTML言語のhead領域にある補助タグです。もしかしたら、このコードは必要ないと思われるかもしれません。実際、メタ タグをうまく活用できれば、予期せぬ効果がもたらされます。メタ タグの機能は、検索エンジンの最適化 (SEO)、ページで使用される言語の定義、自動的に更新され、新しいページを指すことです。 Web ページ変換時のダイナミクスの実現、ページ バッファリングの制御、Web ページの評価と評価、Web ページ表示のウィンドウの制御など。


html メタの概要

メタ タグの構成: メタ タグには http-equiv 属性と name 属性の 2 つの属性があり、異なる属性には異なるパラメータ値が実装されます。さまざまな Web ページの機能。


1. name 属性

name 属性は主に Web ページを記述するために使用され、対応する属性値は content であり、主に検索エンジンのロボットが情報を検索して分類するために使用されます。

meta タグの name 属性の構文形式は次のとおりです:

[code]<meta>。



name 属性には主に次のパラメータがあります:

A. キーワード (キーワード)

説明: キーワードは検索を指示するために使用されます。 Web ページに関するエンジン キーワードは何ですか。

例:

[code]<meta>



B. 説明 (Web サイトのコンテンツの説明)

説明: 説明は、検索エンジンに Web サイトのメインコンテンツを伝えるために使用されます。

例:

[code]<meta>



C、ロボット (ロボットガイド)

説明: ロボットは、どのページにインデックスを付ける必要があるか、どのページにインデックスを付ける必要がないかを検索ロボットに指示するために使用されます。

コンテンツのパラメータには、all、none、index、noindex、follow、および nofollow が含まれます。デフォルトはすべてです。

例:

[code]<meta>



特定のパラメータは次のとおりです:

情報パラメータはすべてです: ファイルが取得され、ページ上のリンクをクエリできます。

情報パラメータはなしです。 : ファイルは取得されず、ページ上のリンクはクエリできません。

情報パラメータはインデックスです。ファイルは取得されます。

情報パラメータは次のとおりです。ページ上のリンクはクエリできます。
情報パラメータは noindex です: ファイルは取得されませんが、ページ上のリンクはクエリできます。

情報パラメータは nofollow です: ファイルは取得されますが、ページ上のリンクはクエリできません。
D、作成者 (作成者)

説明: Web ページの作成者をマークします
例:

[code]<meta>


E、ジェネレータ

[code]<meta>

メタタグのジェネレータの情報パラメータウェブサイトの作成に使用されるソフトウェアを表します。



F、COPYRIGHT

[code]<meta>

メタタグのCOPYRIGHT情報パラメータ。Webサイトの著作権情報を表します。



G、revisit-after

[code]<meta>

revisit-after は Web サイトの再訪問を表し、7days は 7 日間を表します。




2. http-equiv 属性

http-equiv は、名前が示すように、http のファイル ヘッダー関数に相当し、ファイルのコンテンツを正確かつ正確に表示するのに役立つ情報をブラウザーに返すことができます。属性値はコンテンツであり、コンテンツ内のコンテンツは実際には各パラメータの変数値です。

meta タグの http-equiv 属性の構文形式は次のとおりです:


[code]<meta>;


http-equiv 属性には主に次のパラメータがあります:



A、Expires (ピリオド)

説明: に使用できます。 Web ページの有効期限を設定します。 Web ページの有効期限が切れると、サーバーに再送信する必要があります。
使用法:

[code]<meta>


注: GMT 時間形式を使用する必要があります。



B、プラグマ (キャッシュ モード)

説明: ブラウザーがローカル コンピューターのキャッシュにあるページ コンテンツにアクセスすることを禁止します。
使用法:

[code]<meta>


注: この設定では、訪問者はオフラインで閲覧できなくなります。



C、Refresh(更新)

説明: 自動的に更新し、新しいページをポイントします。
使用法:

[code]<meta> //(注意后面的引号,分别在秒数的前面和网址的后面)


注: 2 は、2 秒間滞在した後に URL を自動的に更新することを意味します。



D. Set-Cookie (Cookie 設定)

注: Web ページの有効期限が切れると、保存された Cookie は削除されます。
使用法:

[code]<meta>


注: GMT 時間形式を使用する必要があります。



E、ウィンドウターゲット (表示ウィンドウ設定)

説明: ページを現在のウィンドウ内で独立したページとして強制的に表示します。
使用法:

[code]<meta>


注: 他の人がフレーム内で自分のページを呼び出すのを防ぐために使用されます。



F, content-Type (表示文字セット設定)

説明: ページで使用する文字セットを設定します。
使用法:

[code]<meta>



具体如下:

meta标签的charset的信息参数如GB2312时,代表说明网站是采用的编码是简体中文;

meta标签的charset的信息参数如BIG5时,代表说明网站是采用的编码是繁体中文;

meta标签的charset的信息参数如iso-2022-jp时,代表说明网站是采用的编码是日文;

meta标签的charset的信息参数如ks_c_5601时,代表说明网站是采用的编码是韩文;

meta标签的charset的信息参数如ISO-8859-1时,代表说明网站是采用的编码是英文;

meta标签的charset的信息参数如UTF-8时,代表世界通用的语言编码;

G、content-Language(显示语言的设定)

用法:

[code]<meta>



H、Cache-Control指定请求和响应遵循的缓存机制。

Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、on

ly-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下

Public指示响应可被任何缓存区缓存

Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效

no-cache指示请求或响应消息不能缓存

no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。

max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应

min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应

max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

J、http-equiv="imagetoolbar"

[code]<meta>



指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

K、Content-Script-Type

[code]<meta>



W3C网页规范,指明页面中脚本的类型。

L 页面跳转,只用于IE

具体请看 http://www.haorooms.com/post/liulanq_think_ie

以上がHTML でのメタ属性の使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTML超文本标记语言--超在那里?(文档分析)HTML超文本标记语言--超在那里?(文档分析)Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

html和css算编程语言吗html和css算编程语言吗Sep 21, 2022 pm 04:09 PM

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

总结HTML中a标签的使用方法及跳转方式总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式,希望对大家有所帮助!

html中document是什么html中document是什么Jun 17, 2022 pm 04:18 PM

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

html5支持boolean值属性吗html5支持boolean值属性吗Apr 22, 2022 pm 04:56 PM

html5支持boolean值属性;boolean值属性指是属性值为true或者false的属性,如input元素中的disabled属性,不使用该属性表示值为flase,不禁用元素,使用该属性可以不设置属性值表示值为true,禁用元素。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境