経緯
imgタグで参照先を指定する属性はsrc
aタグで参照先を指定する属性はhref
同じ参照でもどういう区別してるんだろうか。
まとめてみた
属性 | 語源 | 語意 | 出典 |
---|---|---|---|
src | source | 源泉、元、源、原因、水源(地)、情報源、出所 | Weblio |
href | hypertext reference | (reference)言及、論及、参照、照合、参考、参照文、引用文、参考文献、参考図書 | Weblio |
(hypertext…テキストを超えたテキスト テキストとテキストの関連付け
→テキストのリンクを押すと他のテキストに移る仕組み(つまりはWEBページ) HTML)
hyper text(Wikipedia)
何を指定できるの?
URL(絶対パス)
URL(相対パス)
ページ内の特定要素
他プロトコル(メールやFTP)
スクリプト
どんなタグに使われているの?
src属性
タグ | 使い方 |
---|---|
audio | メディアファイルを埋め込む |
embed | プラグインが必要なデータを埋め込む |
iframe | フレームを埋め込む(HTMLを埋め込む) |
img | 画像を埋め込む |
input | 入力欄を埋め込む |
script | javascriptを埋め込む |
source | メディアファイルのURLを指定 |
video | 動画ファイルを埋め込む |
href属性
タグ | 使い方 |
---|---|
a | ハイパーリンクの出発点を指定 |
area | イメージマップのハイパーリンク領域を設定 |
base | 相対パスの基準URLを指定 |
link | 外部リソース(CSSとかjavascriptとか)のパスを指定 |
つまりどんなイメージ?
src属性
HTMLに埋め込むファイルのパス情報
href属性
HTMLから他のHTML(外部リソース)へのハイパーリンクを指定
参考
Qiita初投稿
いえーい
些細なことでも投稿していきます。