HTML : ๋งํฌ ํ๊ทธ <a>
2025. 7. 29. 20:50ใFront-end (Basic)/HTML
๋ฐ์ํ

๋ชฉ์ฐจ
1. <a> ํ๊ทธ ๊ธฐ๋ณธ ๋ฌธ๋ฒ
2. ์ฃผ์ ์์ฑ
1. <a> ํ๊ทธ ๊ธฐ๋ณธ ๋ฌธ๋ฒ
<a>ํ๊ทธ๋ HTML์์ ๋งํฌ๋ฅผ ๋ง๋ค ๋ ์ฌ์ฉํ๋ค. (anchor)
<a href="https://example.com">์ด๋ํ๊ธฐ</a>
- href : ์ด๋ํ URL์ ๋ช ์ํ๋ ํ์ ์์ฑ
- ์ธ๋ผ์ธ ์์๋ก, ํด๋ฆญ ๊ฐ๋ฅํ ๋งํฌ๋ฅผ ์์ฑํ๋ค.
2. ์ฃผ์ ์์ฑ
| ์์ฑ๋ช | ์ค๋ช |
| href | ์ด๋ํ ๋งํฌ ์ฃผ์ ⋅ ์ค์ ๋งํฌ ์ฃผ์ ("https://naver.com") ⋅ ํ์ผ ์ฃผ์ ("something/index.html") ⋅ ํ์ผ ๋ด id ("#id_section") โญ ๋ฉ์ผ ๋ณด๋ด๊ธฐ ("mailto:example@gmail.com") โญ ์ ํ ๊ฑธ๊ธฐ ("tel:+821012345678") |
| target | ๋งํฌ๊ฐ ์ด๋ฆด ์์น ⋅ _self (๊ธฐ๋ณธ๊ฐ) : ํ์ฌ์ฐฝ ⋅ _blank : ์ ํญ์์ ๋งํฌ๋ฅผ ์ฐ๋ค. (rel="noopener noreferrer"๋ฅผ ๋ฐ๋์ ํจ๊ป ์์ฑํด์ผ ๋ณด์ ์ํ์ ๋ฐฉ์ง) ⋅ _parent : ํ์ฌ ํ๋ ์์ ๋ถ๋ชจ ํ๋ ์์์ ์ด๋ฆผ ⋅ _top : ์ต์์ ์ฐฝ(ํญ)์์ ์ด๋ฆผ |
| rel | ํ์ฌ ๋ฌธ์์ ๋งํฌ ๋์๊ณผ์ ๊ด๊ณ๋ฅผ ๋ช ์. ๋ณด์/SEO์ ์ํฅ |
| download | ๋งํฌ ๊ธ๋ฆญ ์ ํ์ผ๋ก ๋ค์ด๋ก๋๋๋๋ก ํจ |
| type | ๋งํฌ ๋์์ MIME ํ์ ์ ๋ช ์ |
์ฐธ๊ณ
๋๋ณด๊ธฐ
codeit
๋ฐ์ํ
'Front-end (Basic) > HTML' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| <a> ํ๊ทธ์ ๋ํด ์์๋ณด์ (0) | 2025.11.01 |
|---|---|
| HTML : ๋ฉํํ๊ทธ <meta> (2) | 2025.07.29 |
| HTML : ์๋งจํฑ ํ๊ทธ (Semantic Tag) (2) | 2025.07.29 |
| HTML 1 : html ๊ธฐ์ด (0) | 2025.01.21 |
GitHub