<a> ํ๊ทธ
(1) ์ ์
ํ์ดํผ๋งํฌ๋ฅผ ๊ฑธ์ด์ค๋ ์ฌ์ฉํ๋ ํ๊ทธ๋ก anchor(๋ป)์ ์ค์๋ง์ด๋ผ๊ณ ํ๋ค.
(2) ์ฌ์ฉ๋ฒ
<a>ํ๊ทธ๋ <p>ํ๊ทธ์ฒ๋ผ ํผ์ ์ฌ์ฉํ์ง ์๊ณ "์์ฑ"์ด๋ผ๋ ๊ฒ๊ณผ ํจ๊ป ์ฌ์ฉํด์ผ ํ๋ค.
์์ ํ๊ทธ์ธ <a>์ ์์ "์์ฑ"๊ณผ "์์ฑ๊ฐ"์ ๊ธฐ์ฌ ํ "์ฝํ ์ธ ", ๊ทธ๋ฆฌ๊ณ
๋ง์ง๋ง์ ์ข ๋ฃ ํ๊ทธ</a>๋ฅผ ๋ฌ์ ์ฃผ๋ฉด ๋๋ค.
<a> : ์์, ์คํ ํ๊ทธ
</a> : ์ข ๋ฃ, ํด๋ก์ฆ ํ๊ทธ
์ฌ๊ธฐ์ "์์ฑ"์ href์ target ๊ทธ๋ฆฌ๊ณ id ์ธ๊ฐ์ง๊ฐ ์๋ค.
โถ href : ํด๋ฆญ์ ์ด๋ ํ ๋งํฌ
โถ target : ๋งํฌ๋ฅผ ์ฌ๋ ๋ฐฉ๋ฒ
โถ id : ์ฑ ๊ฐํผ ์ญํ (๋ด๋ถ ๋งํฌ)
(๊ณผ๊ฑฐ name ์์ฑ์ ์ญํ ์ด HTML5๊ฐ ๋๋ฉด์ ํ์ง๋๋ฉด์ ๋์ฒด๋ก ์ฌ์ฉ๋๋ค๊ณ ํจ.)
์ฌ๊ธฐ์ "์์ฑ๊ฐ"์ _self, _blank, _parent, _top ๋ฑ์ผ๋ก ์กด์ฌํ๋๋ฐ,
โถ _self : ํ์ฌ ํ์ด์ง (๋งํฌ๋ฅผ ๋๋ฅด๊ณ ์๋ ํ์ฌ์ ํ์ด์ง)
โถ _blank : ์ ํญ(๊ธฐ์กด ์นํ์ด์ง๋ ๋๊ณ ์๋ก์ด ์ฐฝ์ ์ฐ๋ค.)
โถ _parent : ํ์ฌ ํ๋ ์์ ๋ถ๋ชจ ํ๋ ์์์ ์ ํญ
โถ _top : ์ต์์ ํ์ด์ง์์ ์ ํญ
โถ ํ๋ ์์ด๋ฆ : ํ๋ ์์ด๋ฆ์ ์ง์ ๊ธฐ์ฌํด์ ์ฌ์ฉํ ์ ์๋ค.
์์)
<a href="https://yomi-tory.tistory.com/">์๋ฏธํ ๋ฆฌ</a>
<a href="https://yomi-tory.tistory.com/" target="_blank">์๋ฏธํ ๋ฆฌ ์ํญ</a>
<a id="https://yomi-tory.tistory.com/136">๋ชจํ๋น vs ํฐ๋ฆฌ์ธ์ด๋</a>
(3) ์ค์ต
ATOM ์ผ๋ก ์ด์ฉํ์ฌ aํ๊ทธ๋ฅผ ์ค์ต ํด๋ณด์.
์์ ๊ฐ์ด ์ฝ๋๋ฅผ ์์ฑํ ํ .html ํ์ผ๋ก ์ ์ฅํ์ฌ ์น ํ์ด์ง๋ฅผ ์ผ๋ณด๋
์์ ๊ฐ์ด ์ถ๋ ฅ๋จ์ ๋ณผ ์ ์๋ค.
<p>ํ๊ทธ๋ ๋ด์ฉ์ ๊ธฐ์ฌํ๋ฉด ๋ค์ ํ์นธ ๋ด๋ ค๊ฐ์๋ค.
<a>ํ๊ทธ๋ ๊ทธ๋ ์ง ์๋ ๊ฒ์ ๋ณผ ์ ์๋ค.
๊ทธ๋์ ์ด๋ฒ์๋ <p>ํ๊ทธ๋ฅผ ํจ๊ป ์ฌ์ฉํด ๋ดค๋ค.
์ ์ฒ๋ผ ์์ฑํ๋ค. ใ ;
์๋์ฒ๋ผ ์น ํ์ด์ง๊ฐ ์ถ๋ ฅ๋์๋ค.
ํ์นธ์ฉ ์๋๋ ค ๋ด๋ ค๊ฐ ๋ชจ์ต์ ๋ณผ ์ ์๋ค. ๊ธฐ์๋ค. ์ง์ง์ง
๊ทธ๋ฐ๋ฐ
3๊ฐ์ง ์ค ์ธ๋ฒ์งธ์ธ id ์์ฑ์ ์ฌ์ฉํ ๋งํฌ๋ ๊ฑธ๋ฆฌ์ง ์์๋ค.
href ์์ฑ์ ์ด์ฉํ ๋งํฌ๋ฅผ ์ด์ด ๋ณธ ๊ฒฐ๊ณผ๋ ์๋์ ๊ฐ๋ค.
์ง์ง์ง href ์์ฑ๋ง ์ฌ์ฉํ๋ฉด _self ์์ฑ๊ฐ์ ์ฌ์ฉํ ๊ฒ ์ฒ๋ผ
ํ์ฌ ํ์ด์ง์์ ๋์ด๊ฐ์ ๋ณผ ์ ์์๋ค.
(์ค์ _self ์์ฑ๊ฐ์ ๋ฃ์ดํด๋ณด๋ ๊ฐ์ ๊ฒฐ๊ณผ๋ฅผ ๋ณผ ์ ์์๋ค.)
์ด๋ฒ์๋ href ์์ฑ์ _blank ์์ฑ๊ฐ์ ์ฌ์ฉํ ๋งํฌ๋ฅผ ๋๋ฅด๋,
์์ ๊ฐ์ด ์ ํญ์ด ์ด๋ฆฌ๋ฉด์ ์ถ๋ ฅ๋จ์ ๋ณผ ์ ์์๋ค.
์ธ๋ฒ์งธ ๋งํฌ์ธ id ์์ฑ์ ๋งํฌ๊ฐ ๊ฑธ๋ฆฌ์ง ์์ ์์ํ๋ค.
ATOM์ ๋ณด๋ฉด id ์์์ด ๋ค๋ฅธ๋ฐ ๋ญ๊ฐ ๋ฌธ์ ๊ฐ ์๋๋ณด๋ค.
์.. ๋ด๋ถ ๋งํฌ์ธ๋ฐ ์ธ๋ถ ๋งํฌ๋ฅผ ๊ฑธ์๋ค. ๋ฐ๋ณด์ธ๊ฐ..
์ฝ๋๋ฅผ ์์ ํ๋ค.
<a href="#top">์ฌ๊ธธ ๋๋ฅด์ธ์.</a> ์ด๊ฑฐ ํ์ค ์ถ๊ฐ์
<a id="top">๋ด๋ถ ๋งํฌ?</a> ์ด๊ฑธ๋ก ์์ ํ๋ค.
(top์ ์๋ฌด ์๋ฏธ ์์ด ์ผ๋ค. ์ด๋ํ ์์น์ ์ด๋ฆ ์ ๋๋ก ๋ณด์ธ๋ค.)
์ด๋ค ๊ฒฐ๊ณผ๊ฐ ๋์ฌ๊น.
์์ ๊ฐ์ด ์ถ๋ ฅ๋จ์ ๋ณผ ์ ์๋ค.
์ฌ๊ธธ ๋๋ฅด์ธ์๋ฅผ ํด๋ฆญํ๋ฉด
๋ด๋ถ ๋งํฌ?๊ฐ ์๋ ๊ณณ์ผ๋ก ์ด๋๋จ์ ๋ณผ ์ ์์๋ค.
ใ _ใ ~ ๋ฟ๋ฏํ.
์ฌ๊ธฐ์ ์ด๋ฏธ์ง๋ฅผ ๋ฃ์ด์ ํ์ด์ง ๋ฐ์์ ์์๋ก ์ด๋ ์ํฌ ์ ์๊ฒ ๋ค.
๋ธ๋ก๊ทธ ์ด์์ ํฐ ๋์์ด ๋ ์์ฐ์ด ๋๊ธฐ๋ฅผ >_<
์ค๋์ ์ฌ๊ธฐ๊น์ง...
'๊ฐํ๋๋ผ์ดํ > ๋ธ๋ก๊ทธ & ์น ์ฌ์ดํธ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์คํจ ๊พธ๋ฏธ๊ธฐ [spanํ๊ทธ] (1) | 2020.03.17 |
---|---|
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์คํจ ๊พธ๋ฏธ๊ธฐ [brํ๊ทธ] (0) | 2020.03.16 |
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์คํจ ๊พธ๋ฏธ๊ธฐ [pํ๊ทธ] (0) | 2020.03.09 |
[ํฐ์คํ ๋ฆฌ] ๊ตฌ๊ธ ์ ๋์ผ์ค ๊ฒฐ์ ์๋จ ์ถ๊ฐ (0) | 2019.10.05 |
[๋ฉ๋ชจ] ํฐ์คํ ๋ฆฌ(TISTORY) ์ต์ ํ - 1ํธ - (0) | 2019.09.19 |