HTMLヘッダータグの使用に関する詳細な説明

HTMLヘッダータグの使用に関する詳細な説明

HTMLはヘッドとボディの2つの部分で構成されています

** ヘッド内のタグはヘッドタグです

** タイトルタグ: ラベルに表示される内容を示します

** メタタグ: ページの関連コンテンツを設定します (あまり使用されません)

<meta name="keywords" content="熊貓，金絲猴，恐龍"/>

<meta http-equiv="refresh" content="3;url=01-hello.html"/>

** ベースタグ: ハイパーリンクの基本設定を設定します

- ハイパーリンクの開き方を統一的に設定できます

<base target="_blank"/>

** リンクタグ: 外部ファイルをインポート

** CSSで使用し、リンクタグを使用してCSSファイルを導入することができます

完全なコード:

<html>
    <ヘッド>
        <title>世界</title>
        <meta name="keywords" content="パンダ、金色の猿、恐竜"/>
        <!--<meta http-equiv="refresh" content="3;url=01-hello.html"/>-->
        <ベースターゲット="_blank"/>
    </head>
    <本文>
        <h3>ヘッダータグ</h3>
        <a href="01-hello.html">ハイパーリンク 1</a>
        <a href="01-hello.html">ハイパーリンク 2</a>
        <a href="01-hello.html">ハイパーリンク 3</a>
    </本文>
</html>

要約する

上記は、エディターが紹介した HTML ヘッダー タグの使用方法です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残していただければ、エディターがすぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<:  Vue+elementを使用してページ上部のタグを実装する方法の詳細な説明

>>:  CSS フロントエンドの知識ポイントのまとめ（必読）

推薦する

Centos8 システムの VMware インストール チュートリアル図 (中国語グラフィカル モード)

目次1. ソフトウェアとシステムイメージ2. 仮想マシンを作成する3. CentOS8をインストール...

CSS スクロールバースタイル変更コード

CSS スクロールバースタイル変更コード .scroll::-webkit-scrollbar { ...

nginx+php-fpm サービスの HTTP ステータス コード 502 の詳細な分析

弊社の Web プロジェクトの 1 つでは、新しい都市の増加によりトラフィックと DB 負荷が増加し...

Linuxはシェルスクリプトを使用して履歴ログファイルを定期的に削除します

1. ツールディレクトリのファイル構造 [root@www tools]# ツリーツール/ ツール/...

JSを使用して画像を効果的に圧縮する方法

目次序文変換関係具体的な実装file2DataUrl(ファイル、コールバック) file2Image...

Vue プロジェクトに Electron を追加するための詳細なコード

1. package.jsonに追加する "メイン": "electr...

Linux ファイルとユーザー管理の実践

1. /etc ディレクトリ内の、文字以外の文字で始まり、その後に文字と任意の長さのその他の文字が続...

Dockerボリュームコンテナ間のデータ共有の実装

ボリュームとは何ですか?ボリュームは英語で容量を意味し、Docker ではデータ ボリューム、つまり...

CSS 3.0 テキストホバージャンプ特殊効果コード

これは、CSS 3.0 で実装されたテキストのホバーとジャンプ効果です。効果は次のとおりです。 以下...

CSS3 とテーブルタグを使用して円軌道アニメーションを実装するためのサンプルコード

html: 実際には、テーブルタグに従っていくつかの実線の円 div を正六角形に配置し、div コ...

Webpack4プラグインの実装原理についての簡単な説明

目次序文知る練習すれば完璧になる序文wabpack では、ローダーの他にプラグインがコア機能です。プ...

node_modulesを削除して再インストールする方法

目次ステップ1: プロジェクトをインストールするディレクトリにnode_modulesをインストール...

ネイティブ CSS で無限テキストカルーセルを実装する一般的な方法

テキストカルーセルは私たちの日常生活で非常に一般的です。スーパーマーケットや実店舗の入り口には、テキ...

HTMLタグのtarget属性の使用法

1: <a> タグを使用してページにリンクする場合、target 属性の役割は誰もが知っ...

ウィンドウ表示効果を実現するJavaScript

この記事では、ウィンドウ表示効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...