개발 일기
HTML5란?? (feat. HTML5, CSS, Javascript) 본문
안녕하세요.
오늘은 인터넷의 웹 페이지를 구성하는 3요소 (HTML5, CSS, Javascript)에 대해 간단히 적어보며,
그 중 HTML5에 대해 정리해보겠습니다.
* 웹 페이지 구성 3요소
- HTML : 웹 페이지의 구조와 내용
- CSS : 웹 페이지의 모양
- Javascript : 웹 페이지의 행동 및 응용 프로그램
=> 웹 페이지는 3요소를 분리하여 개발한다.
* HTML5란 ??
1. 출현 배경
1) 비 표준 기술의 혼재, 웹 브라우저의 비 호환성 극복
2) 인터넷 기기의 다양화 (기존 웹 페이지는 모바일 기기 호환 안됨)
3) 새로운 범용 웹 표준의 필요성 대두 (모바일과 PC에서 동시 사용 가능한)
2. HTML5 페이지의 기본 구조
<!DOCTYPE html>
<!--이 부분은 주석문입니다. 웹 브라우저는 주석을 화면에 출력하지 않습니다.-->
<html>
<head>
문서제목, 자바스크립트 코드, CSS 스타일 정의, 메타데이터정의
</head>
<body>
문서의 본문 텍스트, 이미지, 테이블, 자바스크립트 코드, 동영상 등
</body>
</html>1) HTML5 페이지의 필수 태그
- <!DOCTYPE html> - HTML5 문서임을 알리는 지시어
- <html>, <head>, <title>, <body> 태그
2) HTML 태그의 특징
- 태그와 속성은 대소문자 구분 없음
- 속성 값에 불필요한 공백 문자, HTML5 표준에 어긋남
HTML에 대한 개념을 알아보았습니다.
다음번엔 HTML의 태그들을 이용해 코딩 후 출력하는 연습을 해보겠씁니다.
감사합니다.
'HTML5' 카테고리의 다른 글
| HTML 태그 활용해보기 3(feat. form태그와 hyperlink태그) (0) | 2021.08.03 |
|---|---|
| HTML 태그 활용해보기 2(feat. <list>, <table>, <span>, <iframe>) (0) | 2021.08.01 |
| HTML 태그 활용해보기(feat. <title>, <body>, <div>, <p>, <pre>) (0) | 2021.07.30 |
'HTML5' Related Articles
more
Comments