네이처리 노트
[HTML] Doctype과 옵셔널태그 본문
728x90
반응형
공부하면서 나름대로 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요
🔮 Doctype
Web에게 HTML버전을 알려주는 코드
( Visual Studio 기준, 자동으로 최신버전 html5 실행됨)
<!DOCTYPE html> // 최상단에 작성한다.
🔮 옵셔널태그 (주요 범위)
HTML파일의 구조가 눈에 잘 들어오게 한다.
필수는 아니므로 사용하지 않아도 무관. 태그의 고유 속성들은 실행하는데 문제없음.
<html> // html 문서 범위, head 와 body를 담고있음
<head> somthing </head> // 문서 정보를 설정 (스크립트문서 실행 외 다수)
<body> somthing </body> // 문서 구조를 설정 (보여지는 부분)
</html>
<head> ... </head>
<meta charset="utf-8">
<title> 웹사이트 제목 </title>
<link rel="현재문서와 외부리소스의 관계(stylesheet)" href="외부리소스의 URL" type="외부리소스의 MIME타입(text/css)">
<style type="text/css"> </style>
<body> ... </body>
<script src='URL' async='비동기실행여부(bool)' defer='문서 파싱후 작동(bool)' type='MIME타입'></script>
Reference
메타태그(META TAG) 속성정리 및 사용 방법
검색엔진 최적화(SEO)를 위한 메타태그의 속성에 대한 설명과 사용 방법을 설명한 타 사이트의 글을 가져와 정리 하였다.
blog.munilive.com
728x90
반응형
'개발기록 > HTML CSS' 카테고리의 다른 글
| [CSS] 자주 사용하는 CSS | 폰트, 블록, 배경 | font, padding, margin, background (0) | 2022.08.31 |
|---|---|
| [CSS] 선택자(selector)모음 (0) | 2022.08.30 |
| [HTML] input button과 button태그 비교하기 (0) | 2022.08.29 |
| [HTML] elements and attributes 2 (0) | 2022.08.29 |
| [HTML] elements and attributes 1 (0) | 2022.08.29 |
'개발기록/HTML CSS' Related Articles
more
Comments