HTMLシリーズ(5)：Hyperlink_html/css_WEB-ITnose-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLシリーズ(5)：Hyperlink_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:25 AM

最も重要な属性は、リンクのターゲットを示す href 属性です。 href 属性にさまざまなタイプの値を設定することにより、リンクはさまざまなタイプのリンクアドレス (内部リンク、外部リンク、アンカーリンク) を指すことができます。

内部リンクとは、同じドメイン名のウェブサイトの内部ページ間の相互リンクを指します。外部リンクとは、特定のドメイン名のウェブページから外部ドメイン名のウェブサイトへのリンクを指します。テキストとハイパーリンクでこのドメイン名を指定することは、検索エンジンでの Web サイトのキーワードのランキングに影響を与える重要な要素です。指、

& & lt; a href = "外部ページのリンクアドレス" & gt; ディレクトリ内では、ファイル名を直接引用します。ソースファイルが存在するディレクトリの上位ディレクトリを示す場合は、ソースファイルが存在するディレクトリの上位ディレクトリを示す場合は、下位レベルを参照する場合は以下同様です。ディレクトリファイルの場合は、下位ディレクトリのファイル名を/で区切って直接記述します。

3. ページ内のハイパーリンク

ページが長くてユーザーが見つけにくい場合は、ページ内のハイパーリンクをナビゲーションとして使用できます。ページ内のハイパーリンクはアンカーリンクとも呼ばれ、ブックマークと同様に機能するため、ユーザーはスクロールバーを繰り返しドラッグして配置する必要がありません。

メソッド: a の name 属性を通じてアンカーの名前を定義し、a の href 属性を通じて名前に基づいて対応するアンカーにジャンプします。

サンプルコード:

 1 <body> 2 <h1 id="HTML-教程目录">HTML 教程目录</h1> 3  4 <ul> 5 <li><a href="#C1">第一章</a></li> 6 <li><a href="#C2">第二章</a></li> 7 <li><a href="#C3">第三章</a></li> 8 <li><a href="#C4">第四章</a></li> 9 <li><a href="#C5">第五章</a></li>10 <li><a href="#C6">第六章</a></li>11 <li><a href="#C7">第七章</a></li>12 <li><a href="#C8">第八章</a></li>13 </ul>14 15 <h2 id="a-name-C-第一章-a"><a name="C1">第一章</a></h2>16 <p>本章讲解的内容是 ... ...</p>17 18 <h2 id="a-name-C-第二章-a"><a name="C2">第二章</a></h2>19 <p>本章讲解的内容是 ... ...</p>20 21 <h2 id="a-name-C-第三章-a"><a name="C3">第三章</a></h2>22 <p>本章讲解的内容是 ... ...</p>23 24 <h2 id="a-name-C-第四章-a"><a name="C4">第四章</a></h2>25 <p>本章讲解的内容是 ... ...</p>26 27 <h2 id="a-name-C-第五章-a"><a name="C5">第五章</a></h2>28 <p>本章讲解的内容是 ... ...</p>29 30 <h2 id="a-name-C-第六章-a"><a name="C6">第六章</a></h2>31 <p>本章讲解的内容是 ... ...</p>32 33 <h2 id="a-name-C-第七章-a"><a name="C7">第七章</a></h2>34 <p>本章讲解的内容是 ... ...</p>35 36 <h2 id="a-name-C-第八章-a"><a name="C8">第八章</a></h2>37 <p>本章讲解的内容是 ... ...</p>38 39 </body>

name 属性または id 属性を使用しますか?

HTML 4.0 より前のバージョンでは、フラグメント識別子はタグの name 属性を使用してのみ作成できました。 HTML 4.0 での id 属性の出現により、すべての HTML 要素または XHTML 要素をフラグメント識別子にすることができます。これは、id 識別子がほぼすべてのタグで使用できるためです。タグは、以前のバージョンとの互換性を保つために name 属性を保持しますが、id 属性も使用できます。これらの属性は互換的に使用でき、id 属性は name 属性のアップグレードされたバージョンと考えることができます。 name 属性と id 属性は両方とも href 属性と組み合わせて使用できるため、タグはハイパーリンクとフラグメント識別子の両方として機能します。

フラグメント識別子は、多くのプログラミング言語で一般的に使用される goto ステートメントタグの HTML 類似物として単純に考えることができます。タグの name 属性、またはまたはその他のタグの id 属性は、ドキュメントに識別子を配置します。タグがドキュメントへのリンクに使用される場合、それはブラウザーに識別子に移動 (goto) するよう指示することと同じです。

id または name 属性の値には、引用符で囲まれた任意の文字列を指定できます。この文字列は、同じドキュメント内の他の name 属性や id 属性では再利用できない一意のトークンである必要がありますが、別のドキュメントでは再度使用できます。

上記のコード例の名前は ID に置き換えることができます。

続きます。。。。。。。。。。。。。。。。。。。。

声明

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

テキストからウェブサイトへ：HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1）htmlは、などのタグを介してドキュメント構造を整理します。 2）ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3）マルチメディア関数を強化するなど、HTML5の新機能。 4）一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5）最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、

HTMLの役割：Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。

HTMLとコード：用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

HTML、CSS、およびJavaScript：Web開発者に不可欠なツールApr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

HTML、CSS、およびJavaScriptの役割：コアの責任Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLは初心者のために簡単に学ぶことができますか？Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1）HTMLの学習曲線はスムーズで簡単に開始できます。 2）基本タグをマスターして、Webページの作成を開始します。 3）柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4）豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTMLでの開始タグの例は何ですか？Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

See all articles