HTML #5 - HyperText Tag

ennakoidaยท2023๋…„ 5์›” 26์ผ
0

HTML

๋ชฉ๋ก ๋ณด๊ธฐ
5/8

๐Ÿ“ HyperText Tag

ํ•˜์ดํผ๋งํฌ ๊ด€๋ จ ํƒœ๊ทธ์ด๋‹ค. ๋‹ค๋ฅธ ์œ„์น˜๋กœ ์ด๋™ํ•  ์ˆ˜ ์žˆ๋‹ค.

a href ๊ธฐ๋ณธํ˜•

<h1>ํ•˜์ดํผ๋งํฌ ๊ด€๋ จ ํƒœ๊ทธ</h1>
<!-- target : default(_self) ๊ธฐ๋ณธ๊ฐ’์€ ํ˜„์žฌ!! ์ฐฝ์— ์—ด๋ฆฌ๊ฒŒ ๋˜์–ด์žˆ์Œ -->
<!-- _blank : ์ƒˆ๋กœ์šด ํƒญ์—์„œ ์—ด๋ฆผ -->
<a href="URL ์ฃผ์†Œ 1" target="_self">์ฃผ์†Œ 1 ๊ด€๋ จ ํ…์ŠคํŠธ</a><br>
<a href="URL ์ฃผ์†Œ 2" target="_blank">์ฃผ์†Œ 2 ๊ด€๋ จ ํ…์ŠคํŠธ</a><br>

ํ•˜์ดํผ๋งํฌ๋ฅผ ๋‚˜ํƒ€๋‚ด๊ธฐ ์œ„ํ•ด์„œ๋Š” <a href=""></a> ํ˜•ํƒœ์˜ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.
href="" ์†์„ฑ์— ๊ฐ€๊ณ ์ž ํ•˜๋Š” ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ•ด ์ฃผ๋ฉด ๋œ๋‹ค.

๐Ÿ’ก <a>ํƒœ๊ทธ๋Š” target="" ์†์„ฑ์„ ํ†ตํ•ด ๋งํฌ๋œ ๋ฌธ์„œ๋ฅผ ํด๋ฆญ ์‹œ, ํ•ด๋‹น ๋ฌธ์„œ๊ฐ€ ์—ด๋ฆด ์œ„์น˜๋ฅผ ์ •ํ•ด์ค€๋‹ค.

  • _self : ํ˜„์žฌ ํ”„๋ ˆ์ž„
  • _blank : ์ƒˆ๋กœ์šด ํƒญ
  • _parent : ๋ถ€๋ชจ ํ”„๋ ˆ์ž„
  • _top : ํ˜„์žฌ ์œˆ๋„์šฐ ์ „์ฒด
  • ํ”„๋ ˆ์ž„ ์ด๋ฆ„ : ๋ช…์‹œ๋œ ํ”„๋ ˆ์ž„

์‘์šฉ

<!-- ๋‹ค๋ฅธ ํŒŒ์ผ๋กœ ์ด๋™ (์—ฐ๊ฒฐ) -->
<a href="๋‹ค๋ฅธ ํŒŒ์ผ ์ฃผ์†Œ" target="_blank">ํŒŒ์ผ ๊ด€๋ จ ํ…์ŠคํŠธ</a><br>
<a href="์ด๋ฏธ์ง€ ์ฃผ์†Œ" target="_blank">์ด๋ฏธ์ง€ ๊ด€๋ จ ํ…์ŠคํŠธ</a><br>
<!-- download ์†์„ฑ์„ ์ฃผ๋ฉด ํด๋ฆญ ์‹œ ์ด๋ฏธ์ง€๊ฐ€ ๋ณด์ด๋Š”๊ฒŒ ์•„๋‹Œ, ๋‹ค์šด๋กœ๋“œ๊ฐ€ ๋œ๋‹ค. -->
<a href="์ด๋ฏธ์ง€ ์ฃผ์†Œ" download>์ด๋ฏธ์ง€(๋‹ค์šด๋กœ๋“œ)</a><br>

href=""์—๋Š” ์›น์‚ฌ์ดํŠธ์˜ ์ฃผ์†Œ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‹ค๋ฅธ ํŒŒ์ผ์˜ ์ฃผ์†Œ, ์ด๋ฏธ์ง€ ์ฃผ์†Œ ๋“ฑ์„ ๋„ฃ์–ด ์—ฐ๊ฒฐํ•ด ์ค„ ์ˆ˜ ์žˆ๋‹ค.
๋งŒ์•ฝ ์ด๋ฏธ์ง€๋ฅผ ๋ณด๋Š” ๊ฒŒ ์•„๋‹ˆ๋ผ ๋‹ค์šด๋กœ๋“œ๋ฅผ ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด, download ์†์„ฑ์„ ๋ถ€์—ฌํ•ด ์ฃผ๋ฉด ๋œ๋‹ค.

0๊ฐœ์˜ ๋Œ“๊ธ€