HTML 수업

의미론적 태그

목적

문서의 정보를 보다 잘 표현하기 위해서는 의미에 맞는 태그를 잘 사용해야 합니다. 특히 HTML5에서는 웹페이지에서 통상 많이 사용하는 구조에 의미를 분명히 부여하기 위해서 의미론적 태그(semantic element)를 새롭게 정의해서 제공하고 있습니다. 그 목록은 아래와 같습니다. 

article 본문
aside 광고와 같이 페이지의 내용과는 관계가 적은 내용들
details 기본적으로 표시되지 화면에 표시되지 않는 정보들을 정의
figure 삽화나 다이어그램과 같은 부가적인 요소를 정의
footer 화면의 하단에 위치하는 사이트나 문서의 전체적인 정보를 정의
header 화면의 상단에 위치하는 사이트나 문서의 전체적인 정보를 정의
main 문서에서 가장 중심이 되는 컨텐츠를 정의
mark 참조나 하이라이트 표시를 필요로 하는 문자를 정의
nav 문서의 네비게이션 항목을 정의
section 문서의 구획들을 정의 (참고)
time 시간을 정의

등장시기

HTML 5

댓글

댓글 본문
작성자
비밀번호
  1. zizi
    20190214 완료
  2. kimyo
    20190214 잘보고가요 감사합니다~
  3. 20190124 완료
  4. 한승민
    190122 완료
  5. 릴라야
    190120_완료
  6. 미완성
    20190107완료
  7. Gihoon Pomme Ryu
    완료. 고맙습니다.
  8. 대박 이해잘되용 감사합니다 !
  9. CLEAR
  10. 감사합니다!
  11. 김민영
    완료!
    감사합니다
  12. yuchacha
    FUN!
  13. Anderson
    감사합니다. 잘 보고 있어요.
  14. 김수
    감자함다
  15. clear
  16. ㅅㅈㅎ
    감사합니다!!
  17. 잘보고 있습니다. 훌륭한 설명 너무 좋아요
  18. 서춘열
    열공하고 있습니다
    항상 감사합니다
  19. 감사합니다
  20. SlowStarter
    감사합니다!
  21. 스페이스몽키
    매 강의마다 감사히 보고 있습니다.
  22. 정세바리
    잘봣습니다!
  23. nana
    이해가 너무 잘되서 2일만에 여기까지 공부했습니다. 정말 감사합니다^^!
  24. sparkah
    잘봤어요 ㅎㅎ 쏙쏙 이해되네용ㅎㅎ
  25. 김태훈
    열심히 잘보고 있습니다 :) 감사합니다.
  26. JN87
    171231 감사합니다.

    1. semantic(의미론적) 태그
     시각적인 변화는 없지만 문서상의 정보들을 각 용도에 맞게 체계적으로 정리하기 위해 사용되는 태그
     문서를 의미론적으로 잘 정리하는 것이 검색엔진 최적화에 도움이 된다.

    ※ <section>태그
     한 페이지에 여러 번 사용될 수 있는 시멘틱 태그(대표적으로 <article>태그)들을 묶어줄 때 사용
     (<header>, <footer> 등과 같이 한 번만 사용되는 태그는 <section>태그로 묶어줄 필요가 없다.)
  27. 정태섭
    3번째 보고 있습니다. 이고잉님 정말 세상을 바꾸고 계시네요. 멋지고 존경합니다.
  28. 갓챵
    감사합니다!
  29. 시밍
    잘보고있어요 감사합니다!
  30. 영현이
    sementic tag 사전
  31. 푸른하늘
    7
  32. 민경맘
    훌륭하십니다.
  33. 도레미
    너무나 잘 보고 있습니다! .. 좋은 강의 감사합니다.
  34. 5개월만에시작
    감사합니다
  35. 대학생
    감사합니다
  36. 초보자
    감사합니다.
  37. 바람과 나무
    감사합니다.
  38. 웹공부
    기초부터 탄탄히 잡을 수 있는 너무 좋은 강의 만들어주셔서 정말 감사합니다 ! 늘 잘 보고있어요 !
  39. 이성준
    성준이 화이팅!
  40. 오빠는다르다
    감사합니다~!!!
  41. 진짜 감사해요 !!
  42. gridshim
    170908
  43. 마커블
    170818 완료입니다.
  44. nevertoolate
    details 기본적으로 표시되지 화면에 표시되지 않는 정보들을 정의

    "표시되지" 가 중복 되어 있네요. ^&^
  45. spiritord
    감사합니다
    잘보고 있어요
  46. sheis
    봤어요^^
  47. 세븐나이츠
    좋은강의 감사합니다!
  48. orez
    웹애플리케이션 만들기에 이어서 html강의도 잘 듣고 있습니다. 감사합니다.
  49. kong'st
    감사...
  50. 리지
    좋은 강의 감사합니다!!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기