생활코딩

Coding Everybody

코스 전체목록

닫기

의미론적 태그

목적

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

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

등장시기

HTML 5

댓글

댓글 본문
  1. Minint
    2021.02.18
  2. 전예진
    21.02.16 완료 감사합니다!
  3. 나그네
    감사합니다.
    웹 코딩의 기본 수칙이네요!!
    잘 보았습니다.
  4. dypar
    2021-02-10
  5. loveahav
    완료!
  6. 이현수
    2021.02.04(목)
  7. 엘리심
    2/2 완료
    감사합니다!
  8. 임태경
    완료했어요 감사해요
  9. 스마일가이
    2021.01.24.완료 감사합니다
  10. 201210
  11. Seunghyuk Rodrigo Kim
    훌륭한 영상으로 잘 공부하고 있습니다. 감사합니다.
  12. 10/24
  13. 1stclasscitizen
    2020.10.23
  14. 수상을 축하합니다
  15. hanjong
    완료!!!!!!
  16. 오석민
    완료
  17. 오석민
    details 기본적으로 표시되지 화면에 표시되지 않는 정보들을 정의

    오타인것같습니다. 앞 표시되지 가 없어져야할것같습니다.
  18. 박병진
    감사합니다. 이고잉 프로그래머 선생님.
  19. wndals20
    20.09.18 이번수업도 잘 들었습니다. 조금 어려운 내용이었지만 유익했어요.
  20. cancoding
    감사합니다.진심으로 감사합니다.
  21. 여니여니
    20200911 완료!
  22. Lee Seulgi
    감사합니다 :)
  23. switpotato
    20200817완료_감사합니다!!
  24. 김성곤
    20200714 감사합니다!
  25. 감사합니다^^
  26. 열심히사는사람
    완료
  27. 한강
    편안한 저녁 되십시요~~!!! ㅎ
    200521
  28. Mongsil
    2020.03.31 완료 재미있어요! 감사합니다
  29. 김선경
    2020-03-22 완료
  30. html을 배우다보니 사용자에대한 배려심도 같이 배우는것 같아 좋네요
  31. 최강최고
    20/3/13 완료
  32. notchan110
    항상 감사합니다
  33. Charlie Kwon
    완료
  34. Blanc
    2020.01.02
  35. 와니
    좋은강의 너무 감사해요~
  36. 코딩독학
    19.09.14 수강완료, 좋은 수업 감사합니다!
  37. 류석현
    수강완료
  38. borahm87
    정말 최고의 강의입니다...
  39. FIRE
    20190809 완료
  40. 김세종
    2019-07-11 수강완료
  41. 제2지대
    완료-!
  42. 윾동
    detail 항목 클릭시에, 예제가 나오지 않는 에러가 있습니다.
    물론 시간도 많이 지났지만.. 살펴봐주시면 감사하겠습니다. ㅠ
  43. Sun Ran Cho
    감사합니다~^^
  44. 아미쓔
    예전에 시맨틱이 궁금해서 찾아봤을 때, 뭔가 뜬구름 잡는 이야기처럼 들렸었는데.
    오늘 이고잉님의 강의를 듣고 정말로 명확해졌습니다.
    HTML 작성시에는 정보, 의미에 집중해서 만들어야한다는걸요.
  45. 김주엽
    공부완료
  46. d0r6y
    감사합니다~
  47. 이철
    감사합니다.
  48. 윤지환
    감사합니다!
  49. ㅁㄴㅇㄹ
    감사합니다
  50. 고마워요!!
    잘 보고있습니다. 감사합니다!!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기