HTML基本チュートリアル <meta>タグ

<meta>主な機能は、Web ページのメタ情報を提供することです。例: Web ページの検索キーワードを指定します。

<meta> タグには http-equiv と name の 2 つの属性があります。

http-equiv 属性

  • 機能: http プロトコル ファイルのヘッダー情報がサーバーからクライアントに送信されるときに、Web ページのコンテンツを正しく表示する方法をブラウザーに指示します。

  • http-equiv 属性は通常、content 属性と組み合わせて使用​​されます。 Content 属性は、情報の詳細なパラメータを指定します。

(1) Webページの文字セットを設定します

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

この例に何度も出会う前にこれを実行しました

(2) Web ページを自動的に更新します

<meta http-equiv="refresh" content="2"> // Web ページを 2 回ごとに自動的に更新します秒

<meta http-equiv="refresh" content="2;url=http://www.baidu.com"> //2 秒後、Baidu

にジャンプして例を確認してください

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="refresh" content="2;url=http://www.baidu.com">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
        <h2>希望你能够在这里学的开心</h2>
    </body>
</html>
name属性は主にWebページの検索キーワードや著作権情報、作成者などを設定するために使用されます。

ウェブサイトの検索結果を見てみましょう


(1) 最初の部分はウェブ検索キーワードを設定することです<meta name="keywords" content="Little pigcms, pigcms, WeChat publicプラットフォームのソース コード、WeChat 配布、WeChat 開発、WeChat o2o ソース コード...

" />

(2) 2 番目の部分は、Web ページの説明情報を設定します

<meta name="description" content="9.pngXiaozhucms は、国家ハイテク企業、デュアルソフト認証企業、上級 WeChat 開発専門家であり、WeChat マーケティング システム、O2O システム、WeChat ディストリビューション、WeChat アプリケーション アカウント ソース コード プログラムを提供し、世界中の企業顧客に提供しています

" >

学び続ける
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="refresh" content="2;url=http://www.baidu.com"> </head> <body> <h1>欢迎加入php.cn</h1> <h2>希望你能够在这里学的开心</h2> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜