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

不言
リリース: 2019-01-18 16:07:02
オリジナル
15449 人が閲覧しました

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

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

まず、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="//m.sbmmt.com/">php中文网</a>
</body>
</html>
ログイン後にコピー

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

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!