HTML 이란?

HTML

funfunweb 2023. 6. 9. 15:45

HTML 은 Hyper Text Markup Language 약어로 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어입니다.

HTML 은 웹 페이지의 표준 마크업 언어로 웹사이트를 만들 수 있습니다.

HTML5 기본 구성으로는 <html>,<head>,<body>등과 같이 명령어의 형태가 < > 로 되어 있는 것을 태그(tag)라 하며

<body> ~ </body> 와 같이 태그의 시작과 종료를 하나의 요소(element)라고 합니다.

또한 이 요소들로 코딩한 것을 마크업(markup) 이라고 합니다.

html태그를 정의하기 전에 가장 먼저 필수적으로 선언해야 합니다.

html 태그는 아니지만 선언된 페이지의 html 버전이 무엇인지를 웹 브라우저에 알려주는 역할을 하는 선언문으로 대소문자를 구분하지 않습니다.

DOCTYPE의 버전별 선언(HTML5, HTML4, XHTML)에 따라서 지원하는 태그가 조금씩 다르고,

HTML 을 작성하려면 문서타입을 반드시 적어야하는데 문서타입: DTD(DOCTYPE OR DOCUMENT TYPE DEFINITION)

경로를 적어야하는데 HTML4 이하 버전에서는 DTD를 꼭 참조해야하고

html5는 sgml 을 기반으로 하지 않기 때문에 dtd를 참조할 필요가 없어서 <!DOCTYPE html>만 적어도 됩니다.

DOCTYPE종류별 선언 방법

head

head의 내용은 페이지에 표시되지 않습니다.

해당 문서에 대한 정보인 메타데이터(metadata)의 집합을 정의할 때 사용합니다.

head 요소에 포함 될수 있는 요소로는 다음과 같습니다.

style - 문서나 문서 일부에 대한 스타일 정보를 포함합니다. 일반적으로 스타일은 외부 스타일 시트에 작성하고 link 요소로 연결하는 편이 좋습니다.

base 문서 안의 모든 상대 url 이 사용할 기준 url 을 지정합니다. 문서에는 하나의 <base>요소만 존재할 수 있습니다. <base>요소가 여러 개 존재하는 경우 첫 href 와 첫 target 만 사용하며 나머지는 모두 무시합니다 - href: 문서 내 상대 URL 이 사용할 기준 URL. 절대 및 상대 URL 을 사용할 수 있습니다. - target: target 속성을 명시하지 않은 <a>, <area>, <form>요소가 탐색을 유발했을 때, 그 결과를 보여줄 기본 브라우징 맥락. 키워드나 저작자 정의 이름으로 지정합니다.

link - 현재 문서와 외부 리소스의 관계를 명시합니다. 스타일시트를 연결할 때 제일 많이 사용하지만 파비콘 연결등 여러가지로 쓰일 수 있습니다.

meta - <base>,<link>,<script>,<style>,<title>과 같은 다른 메타 관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.

meta 요소가 제공하는 메타데이터는 다음 네 유형 중 하나입니다.

funfunweb