ホームページ > 記事 > ウェブフロントエンド > リンクタグとHTMLのタグの違いは何ですか?使い方？

リンクタグとHTMLのタグの違いは何ですか?使い方？

linkタグとaタグはどちらもリンクに使用するタグですが、両者の違いは何でしょうか？この記事では、リンクタグとaタグの違いについて紹介します。

まず、link タグとは何なのか見てみましょう。

linkタグは、このページに関連する他のページを接続するために使用されるタグですが、このタグはWebサイトの外観とは直接の関係はありません。

なので基本的にはheadタグに書きます。

link タグは通常、CSS と JavaScript を外部ファイルとして読み取ったり、favicon という名前の Web アイコンを読み取ったりするために使用されます。

タグとは何ですか?

リンクを見ると、a タグを思い浮かべる人もいるかもしれません。

a タグは、あるページから別のページにリンクするために使用されるハイパーリンクを定義します。

リンクタグと a タグの違いを見てみましょう

上記の定義で述べたように、リンクタグは、タグの外観とは直接の関係がありません。 Webサイト。

ただし、a タグはページ内にハイパーリンク要素を作成します。

基本的なハイパーリンクを作成する場合は、a タグを使用します。HTML から他のファイルを読み取る場合は、link タグを使用します。

リンクタグの使い方は？

これらのファイルは HTML から分離し、.css ファイルまたは .js ファイルとして外部に保存できます。

ファイルを読み取るには、上記のリンクタグを使用する必要があります。

具体的な例を見てみましょう

コードは次のとおりです

HTML

<html>
<head>
    <link rel="stylesheet" href="style.css">
</head>
    <div class="text">text</div>
</html>

CSS

.text {
    color: blue;
    }

実行中の結果は以下の通りです。

リンクタグとHTMLのタグの違いは何ですか?使い方？

# 上記の方法により、style.css に記述された CSS が実際に link タグを介して HTML に正常に接続されていることがわかります。

rel 属性はこの HTML と CSS の関係を指定し、href 属性は読み込むファイルのパスを指定します。

aタグの使い方は？

aタグの使用は非常に簡単です。具体的な例を見てみましょう。

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<a href="http://www.php.cn/">php中文网</a>
</body>
</html>

実行時の効果は次のとおりです。

リンクタグとHTMLのタグの違いは何ですか?使い方？

上記の「php 中国語 Web サイト」リンクをクリックすると、php 中国語 Web サイトのホームページにジャンプします。

以上がリンクタグとHTMLのタグの違いは何ですか?使い方？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

続きを見る