HTML5

[HTML5] <blockquote>인용 태그</blockquote>, <address>사용자 정보 태그</address>

FRDYtheme 2022. 9. 21. 12:46

1. 인용 태그 <blockquote></blockquote>

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8">
    <title>인용 태그 blockquote</title>
  </head>
  <body>
    <h1>인용 태그 blockquote</h1>
    <h3>블록 요소</h3>
    <h2>cite="인용된 사이트의 주소" 속성과 값을 가짐</h2>
    <!-- HTML4 에서는 인용 태그였으나 HTML5에서는 작품의 제목을 정의하는 요소 -->
    <cite>헤밍웨이의 대표적 명언:</cite>
    <!-- cite : HTML5에서는 다른 곳에서 가져온 인용의 출처를 정의하는 속성 -->
    <!-- <!DOCTYPE>을 html로 선언하지 않으면 브라우저나 html 버전에 따라 다르게 해석된다. -->
    <blockquote cite="출처_http://naver.com/xxx.html">한 마리의 고양이는
      또 하나를 데려오고 싶게 만든다.</blockquote>
    <!-- 요소 <cite>와 속성 cite는 다른 개념. -->
  </body>
</html>

인용 태그 <blockquote></blockquote>

2. 사용자 정보 태그 <address></address>

 

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8">
    <title>사용자 정보 태그 address</title>
  </head>
  <body>
    <h1>사용자 정보 태그 address</h1>
    <h3>블록 요소</h3>
    <h2>연락처, url, 주소, sns, 사업자명, 사업자번호 등등</h2>
    <address>
      <p>우)16455<br>
      경기도 수원시 팔달구 향교로 1번길 20</p>

      <p>tel. 031-895-5782</p>
    </address>
  </body>
</html>

 

사용자 정보 태그 <address></address>