생활코딩

Coding Everybody

코스 전체목록

닫기

의미론적 태그

목적

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

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

등장시기

HTML 5

댓글

댓글 본문
  1. 미래도비
    1.5
  2. 덕자
    의미론적태그 = 시맨틱태그
  3. 다겸란
    정보로서 의미론적인 HTML 태그 수강완료
  4. DreamBoy
    2023.09.10. HTML - 정보로서 HTML - 의미론적 태그 파트 완료했습니다.
  5. AgainstartJH
    2022년 11월 17일 목요일 학습완료!
  6. yuyu
    220923
  7. 영쓰
    오늘도 완료 !
  8. vigorously27
    2022년 7월 14일 학습완료!
  9. eunbee
    22-05-06
  10. G.I.R.O
    22.04.22 완료
  11. 기초부터
    감사합니다 2022-03-30 완료
  12. INJE
    22/03/07
  13. 임앤강
    2022-01-26 semantic tag 감사합니다.
  14. 김도원
    감사합니다!ㅎㅎ
  15. jjy_lee2468
    22.01.05수강완료
  16. syh712
    2021-12-21
    감사!
    <header>
    <nav>
    <article> vs <section>=>애매한 것들
    <footer>
  17. 드림보이
    2021.11.05. 의미론적 태그 파트 수강완료
  18. 밀보리
    211012 학습완료. 감사합니다!
  19. 황금아가리
    211002
  20. 김큼이
    20210915완료
  21. overmatch
    20210821 완료
  22. 송바래
    좋아요
    !
  23. 두드
    2021.07.20 완료
  24. 떠나자대전으로
    Jul 6th 2021
  25. 감자친구
    20210705
  26. Princess Tiabeanie
    20210527
    semantic tags 잘 봤습니다
  27. barozaqu
    20210513.
  28. GelandeWagen
    210512 thank you
  29. 박기범
    감사합니다!
  30. 조원재
    항상 잘보고있어요!!
  31. 짜rr
    감사히 잘봣습니다
  32. coding_prince
    감사합니다.
  33. yogg
    Sementic Tags
  34. 재심이
    감감사!!!
  35. Minint
    2021.02.18
  36. 전예진
    21.02.16 완료 감사합니다!
  37. 나그네
    감사합니다.
    웹 코딩의 기본 수칙이네요!!
    잘 보았습니다.
  38. dypar
    2021-02-10
  39. loveahav
    완료!
  40. 이현수
    2021.02.04(목)
  41. 엘리심
    2/2 완료
    감사합니다!
  42. 임태경
    완료했어요 감사해요
  43. 스마일가이
    2021.01.24.완료 감사합니다
  44. 201210
  45. Seunghyuk Rodrigo Kim
    훌륭한 영상으로 잘 공부하고 있습니다. 감사합니다.
  46. 10/24
  47. 1stclasscitizen
    2020.10.23
  48. 수상을 축하합니다
  49. 오석민
    완료
  50. 오석민
    details 기본적으로 표시되지 화면에 표시되지 않는 정보들을 정의

    오타인것같습니다. 앞 표시되지 가 없어져야할것같습니다.
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기