"시맨틱 마크업"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-==참고 자료== +==참고==))
 
13번째 줄: 13번째 줄:
*[[HTML5 문서 구조화 요소]]
*[[HTML5 문서 구조화 요소]]


==참고 자료==
==참고==
*http://blog.singihae.com/html5-시맨틱semantic-마크업
*http://blog.singihae.com/html5-시맨틱semantic-마크업
*http://www.w3schools.com/html/html5_semantic_elements.asp
*http://www.w3schools.com/html/html5_semantic_elements.asp

2017년 7월 18일 (화) 04:35 기준 최신판

1 개요[ | ]

semantic element, semantic markup
시맨틱 요소, 시맨틱 마크업
  • 의미를 담은 마크업
  • 의미에 알맞는 적절한 태그를 사용하는 것
  • 사람(개발자, 디자이너 등)과 기계(예: 브라우저, 크롤러, 봇) 모두 의미를 알아볼 수 있게 하는 마크업
  • 시맨틱 웹 실현의 기반이 됨
  • 장점: 검색엔진 최적화[1], 코드 가독성, 재사용성 향상

2 같이 보기[ | ]

3 참고[ | ]

  1. 예: 부가적 정보(네비게이션 메뉴, 광고)와 주요 본문(실제로 의미가 있는 부분, 목록, 개별기사)을 분리하여 식별 가능하게 함
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}