몽키의 코딩작업실

  • 홈
  • 태그
  • 방명록

section 1

[ HTML ] 시맨틱(semantic) 태그란? HTML 코드의 가독성 높이기!

시맨틱 태그시맨틱 태그(Semantic Tag)는 태그명 자체가 의미를 가지고 있는 HTML 태그를 뜻한다. 예를들어 , 같은 태그는 이름만 봐도 테이블과 주소 정보를 담는 역할을 한다는 걸 알 수 있다.  시맨틱 태그의 필요성과거에는 태그를 사용해 웹페이지의 모든 레이아웃을 구성했다. 그러나 웹사이트 구조가 점점 복잡해지면서 개발자와 검색 엔진이 코드를 이해하기 어려워졌다. 이를 해결하기 위해 HTML5에서 의미를 직관적으로 알 수 있는 시맨틱 태그가 추가되었다. 대표적인 시맨틱 태그 : 웹페이지의 머리글(로고, 제목 등): 내비게이션(메뉴) 영역 : 본문 콘텐츠 영역 : 논리적으로 연관된 콘텐츠 그룹 : 독립적인 콘텐츠(게시글, 뉴스, 블로그 글 등) : 사이드바(광고, 부가 정보 등) : 웹페이..

개발 개념 정리/html, css 2025.03.15
이전
1
다음
더보기
프로필사진

몽키의 코딩작업실

프론트엔드 개발을 배우고 있어요.

  • 분류 전체보기
    • 개발 개념 정리
      • javaScript
      • html, css
      • SQL
    • 문제 풀이기록
      • SQL
      • JavaScript
    • 프로젝트 기록
    • 일상

Tag

태그, group by, 테이블, autocomplete, 웹개발, 몽키의개발로그, 집계함수, HTML, COUNT함수, 프로그래머스, 개발자, CSS, SQL, 그룹화, JavaScript, 개발공부, count(*), 프론트엔드, form요소, 웹개발자,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바