[HTML] 빈 링크 a, id 속성

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Basic</title>
</head>
<body>
    <a href="#alpha">Move to Alpha</a>
    <a href="#beta">Move to Beta</a>
    <a href="#gamma">Move to Gamma</a>
    <hr />
    <h1 id="alpha">Alpha</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <h1 id="beta">Beta</h1>
    <p>Duis nec risus a ante pellentesque rhoncus at et leo.</p>
    <h1 id="gamma">Gamma</h1>
    <p>Nullam porta, felis sit amet porttitor vestibulum.</p>
</body>
</html>

빈 링크

<a></a> 태그는 본래 가지고 있는 하이퍼링크 기능을 제거하고 사용하는 경우도 있다. 하지만 기능을 제거해도 웹 표준을 따르려면 a 태그에 href 속성을 반드시 입력해줘야 한다.

웹 표준을 지키면서 이동하지 않는 a 태그를 만들 때에는 href 속성에 #을 입력한다.

id 속성

<a></a> 태그를 이용하면 현재 페이지 내부에서 원하는 장소로 이동할 수 있다. 이 때는 원하는 장소에 id 속성을 부여해야 한다. 이동하기를 원하는 태그에 id 속성을 부여하고 a 태그의 href 속성에 #아이디 형태의 문자열을 입력한다.

id 속성을 중복(동일한 id 사용)해서 사용하는 것은 웹 표준에 어긋나는 행위이다.

'HTML > Day36' 카테고리의 다른 글

[HTML] ruby 루비문자 (0)	2021.12.19
[HTML] 글자 형태 태그 (0)	2021.12.19
[HTML] 웹 페이지 이동 앵커 태그 a (0)	2021.12.19
[HTML] 개행 태그 br, 수평 줄 태그 hr (0)	2021.12.19
[HTML] 본문 글자태그 단락나눔 p (0)	2021.12.19

'HTML > Day36' 카테고리의 다른 글

티스토리툴바