반응형
1.1.5 Browser에서의 웹 개발
HTML예시
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>StudyHTMLStructure</title>
</head>
<body>
</body>
</html>HTML 문서
- 기본적으로 HEAD, BODY 로 구분됨
- <html>태그로 시작해서 </html>태그로 끝남
- html은 다양한 <tag> 내용 </tag>들을 사용하여 표현함
- html은 계층적인 구조를 가짐
head
- head안의 내용은 화면에 직접적으로 출력되지는 않지만 웹브라우저가 알아야 할 중요한 정보들을 가지고 있음
- html문서에 대한 추가적인 정보(제목, 제작자, 문서정보 등)들을 보관함
body
- body안의 내용은 화면에 직접 출력되는 부분임
HTML작성시 고려해야할 점
- JavaScript코드는 body 태그가 닫히기 전에 위치하는 것이 렌더링을 방해하지 않아도 좋다.
- css코드는 head 안에 위치시켜야 렌더링 처리 시, 브라우저가 더 빨리 참고할 수 있다.
반응형
'웹(Web)개발 > 1. 부스트코스(웹 기초)' 카테고리의 다른 글
| 웹 개발을 위한 기초지식 정리 - 7 (0) | 2020.08.15 |
|---|---|
| 웹 개발을 위한 기초지식 정리 - 6 (0) | 2020.08.15 |
| 웹 개발을 위한 기초지식 정리 - 4 (0) | 2020.08.07 |
| 웹 개발을 위한 기초지식 정리 - 3 (0) | 2020.08.06 |
| 웹 개발을 위한 기초지식 정리 - 2 (0) | 2020.08.06 |