210330
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World</title>
</head>
<body>
<h1>Hello World</h1>
<p>안녕하세요! HTML5</p>
</body>
</html><!DOCTYPE html>문서형식(document type)을 HTML5로 지정한다.
<html></html> 사이에 실제적인 HTML document 기술
<head></head>사이에 document title, 외부 파일 참조, 메타데이터의 설정이 위치.
웹브라우저에 출력되는 모든 요소는 <body>와 </body>사이에 위치
html 요소는 body 요소를 포함
html 요소는 body 요소를 포함
이러한 중첩 관계로 웹페이지의 구조(structure)를 표현
Empty Element(빈 요소)
content를 가질 수 없는 요소 -> 빈 요소(Empty element or Self-Closing element)라 한다.
아래와 같이 빈 요소는 content가 없으며(필요가 없다) 어트리뷰트(Attribute)만을 가질 수 있다.
<meta charset="utf-8">
빈 요소 중 대표적 요소
- br
- hr
- img
- input
- link
- meta
Attribute(어트리뷰트)
-요소의 성질, 특징을 정의. 요소는 어트리뷰트를 가질 수 있으며 어트리뷰트는 요소에 추가적 정보를 제공(이미지, 파일 경로, 크기 등)
-시작 태그에 위치해야 하며 이름과 값의 쌍을 이룸
(e.g. name="value")
시맨틱 태그란 브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명하는 역할
HTML 요소는 non-semantic 요소, semantic 요소로 구분할 수 있다.
- non-semantic 요소
div, span 등이 있으며 이들 태그는 content에 대하여 어떤 설명도 하지 않는다. - semantic 요소
form, table, img 등이 있으며 이들 태그는 content의 의미를 명확히 설명한다.
공부중인 것들 기록
열공하는 모습 멋져요 :) 제 벨로그도 방문해주세요!