HTML 잔잔바리 개념

1649 단어 htmlhtml

DOCTYPE

1. DOCTYPE 정의 및 선언(DTD)이란?

  • 문서형 정의(Document Type Definition)은 HTML5, XHTML, HTML의 세가지 문서 유형이 존재
  • 기술한 유형에 따라 마크업 문서의 요소와 속성등을 처리하는 기준이 됨

2. HTML5 DOCTYPE 선언

  • HTML5에서는 SGML에 기반을 두지 않아 DTD 참조가 필요 없음
  • 매우 간단히 선언
<!DOCTYPE html>

HTML meta 태그

1. meta 태그란?

  • 문서 그 자체를 설명하는 태그
  • 문서 내용물을 보여주는(마크업) 태그들과는 달리, 문서의 내용, 키워드, 언어설정 등의 정보를 담고 있는 태그
  • 닫는 태그가 없는 태그

2. meta 속성

  • http-equiv="항목명"
    : 웹 브라우저가 서버에 명령 내리는 속성,
    : name 속성 대신 사용 가능
    : html문서가 응답헤더와 함께 웹서버 -> 웹브라우저 전송 시에만 의미 있음
  • name="정보 이름"
    : meta 정보 내용
  • content="정보값"
    : meta 정보 이름 지정

시멘틱 태그

1. 시멘틱 태그란?

  • 시멘틱(Semantic) : [형]의미론적인
  • 시멘틱 태그 : 그 이름 자체만으로 의미를 전달할 수 있는 태그
  • not시멘틱 태그 : <"div">, <"span">

2. 시멘틱 태그 종류

<"header">
<"nav">
<"main">
<"section">
<"article">
<"aside">
<"footer">

3. 시멘틱 태그를 사용해야 하는 이유?

  • 문법적인 차이는 전혀 없음
  • for SEO (Search Engine Optimization)
    : 검색 엔진 최적화를 위해 사용해야 함!
    --> 검색엔진에 노출되지 않는 웹페이지의 경우 굳이 사용할 필요 없음
2주 프로젝트 - fullstack
대구AI스쿨 개발일지 ( 10일차 )

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage