経緯
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初投稿
いえーい
些細なことでも投稿していきます。