[HTML] HTML 문서의 구조

4217 단어 htmlhtml 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My test page</title>
  </head>
  <body>
    <p>This is my page</p>
  </body>
</html>

<!DOCTYPE html>

문서 형식을 나타낸다.

<html></html>

<html>요소이다.
이 요소는 전체 페이지의 콘텐츠를 포함하며, 기본 요소로 알려져 있다.

<head></head>

<head>요소이다.
이 요소는 홈페이지 이용자에게는 보이지 않지만 검색 결과에 노출 될 키워드, 홈페이지 설명, CSS 스타일, character setdeclaration 등 HTML 페이지의 모든 내용을 담고 있다.

<meta charset="utf-8">

HTML 문서의 문자 인코딩 설정을 UTF-8로 지정하는 것이다.

UTF-8에는 전세계에서 사용되는 언어에 대한 대부분의 문자가 포함된다.

이 설정을 사용하면 페이지에 포함 된 모든 텍스트 내용을 처리할 수 있다.
또한, 나중에 문자 인코딩과 관련된 일부 문제를 피하는 데 도움이 될 수 있다.

<title></title>

<title>요소이다.
이 요소를 사용하면 페이지 제목이 설정되며 페이지가 로드되는 브라우저 탭에 표시되는 제목으로 사용된다.
페이지 제목은 페이지가 책갈피될 때, 페이지를 설명하는 데에도 사용된다.

<body></body>

<body>요소이다.
여기에는 텍스트, 이미지, 비디오, 게임, 재생 가능한 오디오 트랙 등을 비롯하여 페이지에 표시되는 모든 콘텐츠가 포함된다.

HTML 공백

1. <p>Dogs are silly.</p>
2. <p>Dogs        are
         silly.</p>

두 코드 스니펫은 동일하다.
▶ HTML 파서가 코드를 렌더링할 때, 각 공백 시퀀스를 단일 공백으로 줄인다.

왜 그렇게 많은 공백을 사용할까? → 가독성을 위해서

참고📚

2020-01-14

BOJ11279 최대힙
Rsync는 모든 백업 도구를 초기화합니다. 어떤 디렉터리를 수동으로 차단할 수 있습니까?

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

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