【HTML Living Standard】url属性値の使い方
url属性値の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
urlプロパティは、Web上のリソースの場所を示す統一リソース識別子（URI）または統一リソースロケータ（URL）の形式の値を保持するプロパティです。HTML Living Standardにおいて、このurlという名前が示す値の形式は、多くのHTML要素の属性に設定され、ブラウザがWeb上の外部リソースを特定し、アクセスするために利用されます。
例えば、<a>（アンカー）要素のhref属性にurlを指定することで、クリック時にリンク先のWebページへ移動できます。また、<img>（画像）要素のsrc属性にurlを指定することで、Webページに画像を表示できます。他にも、<script>要素のsrc属性で外部のJavaScriptファイルを読み込んだり、<link>要素のhref属性で外部スタイルシートやファビコンをWebページに関連付けたりするなど、多岐にわたる場面で利用されます。
これらのurlは、Webサイトのルートからの絶対的な位置を示す「絶対URL」と、現在のドキュメントからの相対的な位置を示す「相対URL」の二種類があります。正確なurlの記述は、Webページが意図したリソースを正しく参照し、Webアプリケーションが期待通りに機能するために不可欠です。システムエンジニアを目指す上では、Webアプリケーションがどのように外部リソースと連携しているかを理解し、適切なurlを利用することは、Web開発の基本として非常に重要なスキルとなります。
公式リファレンス: <input type="url">
構文(syntax)
1<a href="https://www.example.com/path/document.html"></a>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません