고정 헤더 영역
상세 컨텐츠
본문
반응형
HTML5 요약 정보
2014. 10. 28에 확정된 차세대 웹 표준안으로 지금까지 사용중이다
(버전업은 계속 되고 있지만 버전 변경은 되지 않았다.
현재 표준은 하나로 합쳐져서 이쪽에서 확인할 수 있다.
하나로 합쳐지면서 HTML5라는 말보다 HTML이라고 그냥 부르게 된 듯 하다.)
추가된 기능들 (출처 - poimaweb)
HTML 기본 문법
- Element (요소)
시작 태그와 종료 태그, 그 사이에 위치한 content로 구성된 것.
HTML 문서는 Element의 집합으로 이루어진다
- Nested Element (요소 중첩)
Element 내에 다른 Element를 포함할 수 있고, 이 때부터 부모자식관계가 성립된다
이 관계를 시각적으로 파악하기 쉽도록 들여쓰기(indent)를 활용한다.
<body>
<h1>안녕하세요</h1>
<p>반갑습니다!</p>
</body>
- Empty Element (빈 요소)
content를 가질 수 없는 요소들을 말한다.
대표적으로는 <br>, <hr>, <img>, <input>, <meta>가 있다
<meta charset="UTF-8">
- Attribute (속성)
Element의 속성을 정의하는 명세이다.
Element는 Attribute를 가질 수 있고, 이 Attribute들은 해당하는 Element의 정보를 제공한다.
Attribute는 시작 태그 내에 위치해야 하며 key-value의 형태를 띄고 있다.
- Global Attribute (글로벌 어트리뷰트)
대체로 모든 Element에 사용가능한 Attribute를 가리켜 Global Attribute라고 한다.
자주 사용되는 것에는 id, class 등이 있다.
Global Attribute - 참조링크
HTML Standard
html.spec.whatwg.org
- Comments (주석)
코드를 설명하기 위해 사용하는 것으로 브라우저 상에서 화면에 표시되지는 않는다
<!-- 주석은 이렇게 사용합니다 -->
<p>주석은 화면에 표시되지는 않습니다</p>
반응형
'Studying (Review) > HTML' 카테고리의 다른 글
| [Restart 프론트엔드 스터디] #4. 웹페이지를 구성하는 기본 태그(출처: poiemaweb) (0) | 2022.08.14 |
|---|---|
| [Restart 프론트엔드 스터디] #3. 시맨틱 웹 (출처: poiemaweb) (0) | 2022.08.14 |
| [Restart 프론트엔드 스터디] #1. HTML의 정의와 역사, 기본구조 (0) | 2022.08.03 |
| [생활코딩] Web1 - HTML & Internet (#1) (0) | 2021.11.24 |
댓글 영역