HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのrel属性で現在のドキュメントとリンク先ドキュメントの関係を設定する方法

rel属性を使用すると、現在のドキュメントとリンク先のドキュメントとの関係を定義できます。この属性は、<a>、<area>、<link>といったHTML要素に対して有効です。

rel属性に指定できる代表的な値には、スタイルシートを示す「stylesheet」、外部ページへの参照を示す「nofollow」、前後のページを示す「prev」「next」などがあります。検索エンジンやブラウザがドキュメント間の関係を理解するために役立ちます。

使用例

以下のコードを実行して、rel属性の実装を試してみましょう。この例では、rel属性を使ってCSSファイル（style.css）を読み込んでいます。

<!DOCTYPE html>
<html>
   <head>
      <link rel = "stylesheet" href = "style.css">
   </head>
   <body>
      <h1>見出し</h1>
      <p>これはデモコンテンツです。</p>
   </body>
</html>

  1. HTMLで要素の幅を設定する方法【width属性の使い方を解説】

    HTMLでは、width属性を使用することで要素の幅を設定できます。この属性は、<canvas>、<embed>、<img>、<input>、<video> などの要素と組み合わせて利用可能です。 width属性の基本的な使い方 width属性には、ピクセル単位の数値を指定します。例えば「width=300」と記述すると、要素の幅は300ピクセルに設定されます。高さを指定したい場合は、height属性を併用します。 width属性が使える主な要素 <img> … 画像の表示幅を指定 <video> … 動

  2. HTML DOM Link relプロパティとは？使い方と設定可能な値を徹底解説

    HTML DOMのLink relプロパティは、現在のドキュメントとリンク先のドキュメントとの関係性（relationship）を取得・設定するためのプロパティです。<link>要素で外部リソースを扱う際には、このrel属性による関係性の指定が必須となっています。本記事では、relプロパティの基本構文から、指定できる値の一覧、実際のサンプルコードまで、初心者にもわかりやすく解説します。基本構文relプロパティの使い方は以下の2通りです。rel属性値の取得linkObject.relrel属性への値の設定linkObject.rel = valueStringvalueStringに