티스토리 뷰

HTML

기타 etc.. (abbr, address, pre)

baegofda_ 2021. 8. 16. 18:42

* abbr

  • 준말이나 머리글자를 나타낸다.
  • title attribute를 사용하면 전체 뜻이나 설명을 제공할 수 있다.
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8" />
        <title>index</title>
    </head>

    <body>
        <p>
            상당수의 미군들은 외상 후 스트레스 장애 즉,
            <abbr title="post traumatic stress disorder">PTSD</abbr>로 인한
            고통이 심각하다.
        </p>
    </body>
</html>

마우스로 단어에 대한 뜻을 알 수 있다.

 

* address

  • 지리적위치, 경도, 위도, 메일, URL, 전화번호, SNS 등의 주소를 나타낼때 사용한다.
  • href attribute를 통해 연락 링크를 걸 수 있다.
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8" />
        <title>index</title>
    </head>

    <body>
        <address>
            <a href="mailto:molly.daleo3o@gmail.com">molly.daleo3o@gmail.com</a>
            <a href="tel:+01012345678">010-1234-5678</a>
        </address>
    </body>
</html>

보기에는 <i>, <em>태그와 비슷하다.

이메일의 href를 통해 바로 메일을 보낼 수 있다. (모바일화면의 경우 전화번호를 클릭하면 연락이 가게된다.)

* pre

  • 작성자가 표시한대로 표현이 된다.
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8" />
        <title>index</title>
    </head>

    <body>
        <pre>
            <code>
                console.log("hello");
            </code>
        </pre>
    </body>
</html>

저작자표시

'HTML' 카테고리의 다른 글

Head Tag (title, link, script, meta)  (0) 2021.08.16
미디어파일 video & audio & iframe  (0) 2021.08.16
table  (0) 2021.08.16
Form - button  (0) 2021.08.16
Form - textarea  (0) 2021.08.16
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함