HTML
📌 HTML
: HyperText Markup Language.
웹 브라우저가 서버로부터 수신하는 데이터 구조.
📌 하이퍼텍스트(HyperText)
: 다른 정보와 연결된 텍스트.
📌 마크업 언어(Markup Language)
: 텍스트에 의미를 부여하기 위해 문서에 주석을 다는 표현 시스템.
HTML, XML 등
💡 HTML과 XML
HTML : 사용할 수 있는 태그 종류가 정해져 있음.
XML : 자신만의 규격 정의 가능.
태그(Tag)
📌 태그(Tag)
: <>
종료 태그 앞에는 /가 붙음.
📌 태그의 특징
① 모든 태그가 종료 태그를 가지는 것은 아님.
② 태그 이름은 대소문자를 구분하지 않음.
③ 태그에 추가적인 정보 부여는 속성을 사용함.
속성(Attribute)
📌 속성(Attribute)
: 태그에 추가 정보를 제공하기 위해 사용.
태그 보디(Tag Body)
📌 태그 보디(Tag Body)
: 시작 태그와 종료 태그 사이에 위치하는 내용.
시멘틱 태그(Semantic Tag)
📌 시멘틱 태그(Semantic Tag)
: 특별한 의미를 가지는 태그.
별다른 역할을 수행하지 않고, 코드 가독성 높이는 데 도움을 줌.
HTML 문서 구조
📌 HTML 문서 구조
| <!DOCTYPE html> | HTML5 문서 선언하는 구문. |
| <html> ... </html> | HTML 문서의 시작과 끝을 나타냄. |
| <head> ... </head> | CSS, Java Script, 메타 태그 등. |
| <body> ... </body> | 실제 화면에 나타나는 메인 부분. |
<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>
📌 메타 태그
: 문서의 기본적인 정보 설정하는 태그.
| <charset> | 캐릭터 세트. 한글 처리할 때 'UTF-8'로 설정. |
| <viewport> | 다른 크기의 단말기에서 화면 최적화를 위한 설정. |
| <http-equiv> | HTTP 헤더 정보 설정. |
| <X-UA-Compatible> | 브라우저의 호환성 보기 설정. |
'ETC' 카테고리의 다른 글
| [ETC] Java Script (0) | 2022.11.02 |
|---|---|
| [ETC] CSS (0) | 2022.11.02 |
| [ETC] GET 메서드와 POST 메서드 (0) | 2022.11.01 |
| [ETC] 배포 프로세스와 데브옵스 (0) | 2022.11.01 |
| [ETC] 웹 (0) | 2022.10.31 |
댓글