WEB 창시자 팀 버너스리
월드 와이드 웹(www)의 개념을 제안하고 이를 구현하기 위해 html을 개발하셨다.
HTML ( HyperText Markup Language) 가 뭔가요?
: 웹을 이루는 가장 기초적인 구성 요소로, 웹 페이지 내용 서술, 정의하는데 사용합니다.
"태그" 라는 개념으로 구분합니다.
// 제가 생각하기엔 웹 페이지의 뼈대를 만드는 언어라고 생각합니다..
하이퍼텍스트(HyperText) 가 무엇이냐.
하이퍼 "텍스트" 를 클릭하면 다른 페이지로 이동할 수 있는 텍스트를 말한다. 쉽게 말해서 "링크"를 클릭한다 가 대표적인 예시가 될 수 있다.
마크업 (Markup) 은 또 무엇이냐.
태그 라는 개념을 사용해서 문서의 구조를 정의하는 방식이라고 볼 수 있다. `<h1>` 태그로 감싸거나 문단을 `<p>` 태그로 감싸는걸 말한다.
텍스트는 언어.
기본 구조는
<!DOCTYPE html> <!-- HTML 버전을 선언 -->
<html> <!-- 문서의 시작 -->
<head> <!-- 웹사이트의 정보를 정의 -->
<title>여기에 웹페이지 제목이 들어가요</title>
</head>
<body> <!-- 실제 화면에 보이는 콘텐츠 -->
<h1> header 1 </h1>
<p> paragraph </p>
</body>
</html>
뭐 이런식으로 구성된다
// html 이 뼈대라면 css는 외적 요소 JavScript 는 근육?
우리가 HTML 태그를 잘 작성해야 하는 이유.
제가 생각하기엔 SEO ( Search Engine Optimization ) 와 밀접한 관련이 있다고 생각합니다.
현재 우리가 사용하고 있는 여러 검색엔진이 존재하는데 ( 구글 , 사파리, 네이버 등등이 존재 )
해당 검색엔진은 HTML 태그를 분석해서 페이지의 구조를 이해한다.
그런데 웹 페이지를 개발할 때 `<span>` 태그와 `<h3>` 태그 겉으로 보기엔 똑같이 생겨도
검색엔진 크롤러가 보기엔 정말 다른 정보를 담고 있다고 판단하기 때문에.
`<h3>` 태그가 우선순위로 보여진다 생각한다.
말 그대로 html도 language 이기 때문에 각 태그는 "한 단어" 라고 볼 수 있다
그렇게 때문에 각각의 태그에도 단어와 같이 그 뜻과 역할이 존재한다.
웹이 왜 만들어졌을까?
웹의 기원은 뭐 군대에서 사용하기 위해서~ 등등 여러 가지 얘기가 있지만
그 본질은 정보를 찾기위한 하나의 수단인 검색을 필요로 만들어졌다고 생각하기 때문이다.
그렇기 때문에 웹 페이지를 개발할 때 html의 태그 선정이 얼마나 중요한 일인지 다시 한 번 생각하게 된다.
다음 시간엔 여러 태그의 줄임말 풀이에 대한 내용을 적어보려고 한다.
'프로그래밍 언어 > 퍼블리싱 ( HTML, CSS )' 카테고리의 다른 글
| 개발자가 꼭 알아야 할 이슈 트래커와 협업 도구 총정리 (0) | 2025.03.28 |
|---|---|
| [ CSS ] 레이아웃 (0) | 2025.03.07 |
| [HTML / CSS] 개념 다지기 2. (0) | 2025.03.06 |
| [HTML / CSS] 개념 다지기 1. (0) | 2025.03.05 |
| [html] 자주 사용하는 태그의 종류들,, (0) | 2025.01.24 |