웹 개발자 부트캠프 둘째 날

섹션 4: HTML: 다음 단계 및 의미 체계

(mdn)
HTML5는 HTML을 정의하는 표준의 최신 진화 버전입니다. 이 용어는 두 가지 다른 개념을 나타냅니다. 이는 새로운 요소, 속성 및 동작과 더 다양하고 강력한 웹 사이트 및 응용 프로그램을 구축할 수 있는 더 큰 기술 집합을 포함하는 HTML 언어의 새 버전입니다. 이 세트는 때때로 HTML5 & 친구라고 불리며 종종 HTML5로 축약됩니다.

(mdn)
HTML에서 doctype은 모든 문서의 맨 위에 있는 필수 ""서문입니다. 그것의 유일한 목적은 문서를 렌더링할 때 브라우저가 소위 "쿼크 모드"로 전환되는 것을 방지하는 것입니다. 즉, ""doctype은 브라우저가 일부 사양과 호환되지 않는 다른 렌더링 모드를 사용하는 대신 관련 사양을 따르기 위해 최선을 다하도록 합니다.

div는 블록입니다.

HTML 콘텐츠 분할 요소 div는 유동 콘텐츠의 일반 컨테이너입니다. CSS를 사용하여 스타일을 지정할 때까지 내용이나 레이아웃에 영향을 주지 않습니다.

"순수한"컨테이너로서 div 요소는 본질적으로 아무 것도 나타내지 않습니다. 대신 class 또는 id 속성을 사용하여 쉽게 스타일을 지정할 수 있도록 콘텐츠를 그룹화하고 문서 섹션을 다른 언어로 작성하도록 표시(lang 속성 사용)하는 등의 작업을 수행하는 데 사용됩니다.

스팬이 인라인임

HTML span 요소는 본질적으로 아무 것도 나타내지 않는 구문 콘텐츠를 위한 일반적인 인라인 컨테이너입니다. 스타일을 지정하기 위해(class 또는 id 속성 사용) 또는 lang과 같은 속성 값을 공유하기 때문에 요소를 그룹화하는 데 사용할 수 있습니다. 다른 의미 요소가 적절하지 않은 경우에만 사용해야 합니다. span은 div 요소와 매우 유사하지만 div는 블록 수준 요소인 반면 span은 인라인 요소입니다.

인사 태그

HTML hr 요소는 단락 수준 요소 사이의 주제 구분을 나타냅니다. 예를 들어 스토리의 장면 변경 또는 섹션 내 주제 전환이 있습니다.

더 많은 시간 태그 물건!

역사적으로 이것은 수평선 또는 선으로 제시되었습니다. 시각적 브라우저에서는 여전히 수평선으로 표시될 수 있지만 이 요소는 이제 표시 용어가 아닌 의미론적 용어로 정의되므로 수평선을 그리려면 적절한 CSS를 사용해야 합니다.

br 태그

HTML br 요소는 텍스트에서 줄 바꿈을 생성합니다(캐리지 리턴). 행간 구분이 중요한 시나 주소를 쓸 때 유용합니다.

HTML 엔티티

HTML 엔터티는 앰퍼샌드(&)로 시작하고 세미콜론(;)으로 끝나는 텍스트("문자열") 조각입니다. 엔티티는 예약된 문자(그렇지 않으면 HTML 코드로 해석됨) 및 보이지 않는 문자(줄 바꿈하지 않는 공백과 같은)를 표시하는 데 자주 사용됩니다. 표준 키보드로 입력하기 어려운 다른 문자 대신 사용할 수도 있습니다.

예약 문자

일부 특수 문자는 HTML에서 사용하도록 예약되어 있습니다. 즉, 브라우저에서 해당 문자를 HTML 코드로 구문 분석합니다. 예를 들어 보다 작음 < 기호를 사용하는 경우 브라우저는 뒤에 오는 모든 텍스트를 태그로 해석합니다. more on entities/Reserved characters

시맨틱 마크업

시맨틱 요소

These 다음은 사용 가능한 대략 100개의 의미 요소 중 일부입니다.

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

섹션 3: HTML: 필수 요소