INDEX

1. 요점
2. addr요소
3. address요소
4. dfn요소
5. code요소와 swamp요소

요점

• abbr 요소는 축약어를 나타내는 요소.
• abbr은 알파벳을 따로 읽는 축약어, acronym은 알파벳을 붙여서 읽는 축약어.
• address 요소는 페이지 저자의 연락처를 나타냄 (저자가 아닌 사람들의 주소를 나타내선 안됨).
• dfn 개념 정의 요소.
• code는 프로그래밍 소스를 표현.
• samp는 화면에 출력되는 텍스트.

addr요소

• 축약어를 나타내는 요소

• abbr요소는 해당 단어를 감싸고 title속성으로 풀이를 표기

  ` WWW는 언터넷에 연결된…`

• 브라우저와 번역기나 검색엔진 등에서 유용하게 사용할 수 있음.
• 마우스 커서를 가져다 대면 툴팁 형태로 풀이가 보여짐

address요소

• 주소보다는 연락처의 의미

• 현재 페이지의 저자 또는 소유주의 연락처를 나타내는 요소

• address요소는 블록 요소

  <address>
      <p><a href="mailto:author@example.com">홍길동</a></p>
      <p>서울 특별시 양천구.</p>
      <p>010-1234-5678</p>
  </address>
  

• copyright같은 저작권 표기를 이 요소로 작성하는 경우는 잘못된 관행

• • p같은 요소로 작성하자

dfn요소

• 개념(단어)의 정의를 나타내는 요소

• dfn요소가 사용되면 그 요소가 속한 문단이나 섹션 등에서 dfn요소에 들어간 개념에 대한 설명을 포함해야 함

• dl요소와 비슷하지만 dl처럼 dt와 dd의 이름-값 형태의 그룹 같은 것을 가지고 있지 않음

• 만약 dfn요소에 title속성이 있을 경우 그 값이 정의되는 단어

• 만약 title속성이 없다면 dfn요소 안의 내용이 정의되는 단어이며, 안에 bbr요소만 있을 경우에는 abbr의 title이 정의되는 단어가 됨

  <p><dfn>언감생심</dfn>은 감히 바랄 수도 없다는 뜻의 사자성어입니다.</p>
  <!-- 또는 -->
  <p><dfn><abbr title="Hyper Text Markup Language">HTML</abbr></dfn>은 웹 페이지 작성을 위한 마크 업 언어입니다.</p>
  

code요소와 swamp요소

• 이 요소는 페이지가 어떠한 주제를 가지고 있느냐에 따라 아예 접하지 않을 수 있는 요소

• cod는 컴퓨터 프로그래밍 같은 작성되는 코드를 나타냄

• • 변수, 속성, xml이름, 파일 이름 등이 해당

• samp는 프로그램이 화면에 출력하는 텍스트를 나타냄

• 다만 이 두 요소는 인라인 요소이기 때문에 안에 div같은 블록 요소를 넣지 않도록 주의

  printf('hello world!');
  <samp>hello world!</samp>
  

  <span>지역 변수의 선언 ... <code>var test = 'Keep going'</code></span>
  // 변수를 선언하는 경우
  

  <span>아래의 이미지가 사용됩니다... <code>'test.jpg'</code></span>
  // 이미지 이름을 나타내는 경우