[HTML] abbr | address | pre | code

abbr

abbreviation : 약자, 약어 

 

마우스를 가져다 대면 정의를 보여준다. 

<abbr title="attention deficit hyperactivity disorder">ADHD</abbr>

 

단어에 마우스 hover시 title에 적힌 정의가 보이는 걸 볼 수 있다. 

 

 

---

address

연락처 정보를 마크업할 때 사용한다. 

<address>
	<h1>해버니</h1>
	<a href="www.naver.com">naver</a>
</address>

 

정보에 해당하는 것들

① (물리적) 주소

② URL

③ email 주소

④ 전화번호

⑤ SNS 

 

 

---

 

pre & code 

pre

미리 작성된 텍스트를 있는 그대로 표시해준다. 

code 

프로그래밍 코드 일부 그대로 표시하고자 할 때 유용하다. 

 

예시 코드

    <p>
        망고
        김망고
    </p>
    <pre>
        망고
        김망고
    </pre>

 

pre는 줄바꿈 간격까지 그대로 출력해준다. 

 

   <code>
        망고
        김망고
    </code>
    <pre>
        <code>
            console.log("mango");
                let mango = 'mango';
        </code>
    </pre>

code는 줄바꿈을 해주지 않는다. 

그래서 코드를 적고 싶을 때에는 pre안에 code를 적는다.