Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

HTML
태그 – 문서에 연락처·주소 정보 넣기

HTML의 <address> 태그는 문서의 연락처 정보나 주소를 나타낼 때 사용하는 시맨틱 요소입니다. 예를 들어, 회사 웹사이트에 회사 주소를 표시하고 싶다면 해당 정보를 <address> 태그 안에 작성하면 됩니다.

<address> 태그는 브라우저에서 기본적으로 이탤릭체로 표시되며, 일반적으로 페이지 하단(푸터)에 배치되어 저자 이름, 이메일, 전화번호, 실제 주소 등 독자가 연락할 수 있는 정보를 담는 데 활용됩니다.

그럼 HTML에서 <address> 태그를 구현하는 예제를 살펴보겠습니다.

예제

<!DOCTYPE html>
<html>
<body>
<h2>Coding Ground</h2>
<h3>Compilers for Programming Languages and Web Technologies</h3>
<nav>
   <a href="/compile_java_online.php">Java</a> |
   <a href="/php_terminal_online.php">PHP</a> |
   <a href="/online_jquery_editor.php">jQuery</a> |
   <a href="/compile_c_online.php">C</a> |
   <a href="/compile_cpp_online.php">C++</a> |
   <a href="/online_angularjs_editor.php">AngularJS</a>
</nav>
<p>We also have a compiler for <acronym title="JavaScript">JS</acronym> libraries.</p>
<address>
   Contact us at <a href="mailto:contact@tutorialspoint.com">admin</a>.<br>
   4th Floor,<br>
   Incor9 Building, <br>
   Kavuri Hills, <br>
   Madhapur, Hyderabad,<br>
   Telangana 500081
</address>
</body>
</html>

출력 결과

HTML address 태그 – 문서에 연락처·주소 정보 넣기

위 예제에서는 <address> 요소를 사용해 회사의 주소를 설정했습니다.

<address>
   Contact us at <a href="mailto:contact@tutorialspoint.com">admin</a>.<br>
   4th Floor,<br>
   Incor9 Building, <br>
   Kavuri Hills, <br>
   Madhapur, Hyderabad,<br>
   Telangana 500081
</address>

또한 그 안에서 mailto: 스킴을 활용해 클릭 시 메일 프로그램이 실행되는 이메일 링크도 함께 설정했습니다.

<a href="mailto:contact@tutorialspoint.com">admin</a>