#経緯
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(外部リソース)へのハイパーリンクを指定
#参考
W3 Watch Reference
#Qiita初投稿
いえーい
些細なことでも投稿していきます。