HTML 문서의 구조와 슈퍼스타들

티스토리 뷰

생활코딩공부/HTML

루체도 2019. 8. 8. 21:01

여기에 HTML에서 자주 사용되는 태그들의 순위가 있다.

이번 글에는 자주 쓰이는 TOP5의 태그들에 대해 알아볼 것이다.

<title>이라는 태그는 웹페이지에서 보이는 제목을 변경할 수 있게 해준다.

검색엔진에서 이 title 태그를 책 표지와 같은 정보로 사용을 한다.

그래서 웹페이지를 만들 때 이 title 태그를 사용하지 않는 것은 굉장히 손해이다.

Atom 프로그램에서 한글을 작성하면 페이지에서는 한글 그대로 보이지 않는다

이유는 Atom은 UTF-8이라는 것을 사용하기 때문이다.

따라서 우리가 작성한 한글이 웹브라우저에서 보이게 하려면 UTF-8로 열어야만 한다.

그래서 우리가 웹브라우저에게 이 웹페이지를 열 때 UTF-8로 열렴 이라고 할 수가 있다.

아래 사진 처럼 하면 된다. (최신 버전에는 그냥 한글이 잘 보인다..)

char = 문자 set = 규칙 이라는 뜻이다. 즉 UTF-8로 문서를 읽어라 라고 브라우저에게 말한 것이다.

위에 있는 것은 본문을 설명하는 것이다.

즉 title이라는 태그는 본문의 제목이 무엇인지 설명하고 있고

meta는 이 본문이 utf-8이라는 방식으로 저장되어 있다고 설명하고 있다.

html을 만든 사람들은 본문은 <body>라는 태그로 묶기로 약속을 했습니다.

그리고 body를 설명하는 태그는 <head> 태그로 묶기로 약속을 했습니다.

즉 html의 모든 태그는 head와 body 둘 중 하나의 아래에 놓이게 된다.

그리고 이 head와 body를 묶는 단 하나의 최상위 태그가 있는데

그것은 바로 <html>이라는 태그이다. 그리고 이 html 태그 위에 관용적으로 이렇게 작성을 해주자.

이 문서는 html이다 라는 뜻으로 <!doctype html>

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함