HTML 작성 방법
<!DOCTYPE html>
<html lang = "ko">
<head>
<title> 페이지의 제목으로 생략할 수 없음 </title>
</head>
<body>
바디 태그 내부에 있는 내용이 브라우저 화면에 보임
</body>
</html><!DOCTYPE html>
DTD (Documant Type Definition)
브라우저에게 웹 문서의 종류를 알려주는 선언.
브라우저의 호환성과 웹표준을 위해 반드시 html 문서 최상단에 작성해야한다.
<html></html>
웹페이지의 시작과 끝.
전체 html 문서를 정의하며 <html>태그는 다른 모든 html 요소들의 컨테이너.
* <!DOCTYPE> 태그 제외.
* 웹페이지의 언어를 선언하려면 <html>태그 내부에 lang 속성을 포함해야한다. [검색 엔진(SEO)와 브라우저 지원]
<head></head>
<html>태그와 <body>태그 사이에 들어가며
메타데이터의 컨테이너.
브라우저 화면에 직접적으로 보이지 않지만, 숨은 데이터들을 정의하는 태그를 포함한다.
대표적으로 <title> <meta> <link> <style> <script> 등이 있다.
<body></body>
html 문서의 몸통을 나타내는 태그이며 브라우저 화면에 노출되는
텍스트, 하이퍼링크, 이미지, 리스트 등의 콘텐츠들을 포함하는 영역을 정의하는 태그.
** HTML 문서에는 단 하나의 <body> 요소만 존재할 수 있다.
시맨틱 마크업 (Semantic Markup)
시맨틱 (Semantic) : 의미론적 / 마크업 (Markup) : HTML 문서를 작성하는 것.
시맨틱 마크업이란 '의미가 잘 전달되도록 HTML문서를 작성하는 것'
비주얼에 집중하기보다 태그가 가진 의미에 집중하여 콘텐츠 자체에 의미를 부여하는 것으로
시맨틱 마크업을 하기 위해서는 각 태그를 용도에 맞게 사용해야한다.
'HTML5' 카테고리의 다른 글
| [HTML] HTML5 Layout 구조 (0) | 2022.09.22 |
|---|---|
| [HTML5] 리스트 태그 <ol>, <ul>, <dl> (0) | 2022.09.22 |
| [HTML5] 콘텐츠 분할 태그 <div>, <span> (0) | 2022.09.21 |
| [HTML5] <blockquote>인용 태그</blockquote>, <address>사용자 정보 태그</address> (0) | 2022.09.21 |
| [HTML5] <h1~h6>, <p>, <br>, <em>, <strong> (1) | 2022.09.21 |