HTML로 약어, 이름, 주소를 작성하는 방법

프로그래밍 공부 일기



2020년 10월 4일<abbr> 는 약어 요소를 나타내는 것은 알고 있었지만, 그 이외의 주소나 이름의 표현을 몰랐기 때문에 이번에 정리한다.

약어를 작성하는 경우



약어는 <abbr> 속성(abbreviation)을 사용하여 나타낸다. 주로 title 태그와 함께 사용되어 abbr 태그로 둘러싸인 부분이 약어임을 나타낸다. abbr 태그로 둘러싸인 곳에 커서를 맞추면 title 태그로 입력한 것이 표시된다. (title 태그는 제목을 붙여 검색 엔진의 검색 결과에 반영되는 태그)

<abbr title="Hypertext Markup Language">HTML</abbr>について



이름을 명시하는 경우



이름을 특기하는 경우에는 <cite> 속성을 사용해 나타낸다. cite는 인용한다고 하는 의미가 있어, 영화나 책, 신문이라고 하는 타이틀명을 기술할 때에 사용된다. HTML5에서는 작품의 타이틀에 사용하는 것이 추천되고 있다.

<cite>ハリーポッターと賢者の石</cite>はシリーズの最初の作品です。

주소를 작성하는 경우



주소나 연락처를 기술하는 경우에는 <address> 속성을 이용한다.

<address>東京都渋谷区道元坂一丁目</address>

요약



각각의 속성은 의미를 가지고 있으므로, 외형은 변하지 않아도 HTML에서는 각각 의미가 다르기 때문에, 속성을 올바르게 구분하는 것이 중요. 적절한 속성을 사용하면 페이지의 가치가 높아집니다.

참고문헌



HTML로 약어를 표현하는 방법 – abbr[초보자용]
abbr 속성

좋은 웹페이지 즐겨찾기