HTML이 중요한 이유

HTML은 왜 중요할까?

아래 비슷해 보이지만 다른 두 제목이 있다.

coding vs coding

1. 좌측 : font size 22, bold
시각적으로만 제목처럼 보이는 글자

<p><strong><span style=“font-size:22px;”>coding</span></strong></p>

2. 우측 : format에서 '제목1' 처리

html 상에서 '제목'으로 분류 되는 글자

<h3>coding</h3>

 

여태까지 나는 블로그를 작성할 때 좌측 방식을 사용했었다.

원하는 제목 스타일이 format에서 찾을 수 없는 경우가 많기도 했고

크게 디자인이 다르지 않기 때문에 왜 format에서 굳이 설정을 해줘야 하는지 몰랐기 때문이다.

 

우리가 우측의 방식을 택해야하는 이유는 크게 2가지가 있다.

 

1. 정보성

우선 좌측 coding이 더 깔끔한 코딩이라는 것에는 코드를 보면 명확하게 알 수 있다.

별거 아닌 사소한 차이라고 보일 수도 있으나 검색 엔진에 더 우선적으로 노출되는 것은 좌측 ver.

web이 가지고 있는 본래의 의미인, 정보를 더 탄탄하게 하는 것이 중요하다.

특히 디자인을 고려하여 본문을 이미지로 가공하여 정보 전달을 할 경우,

html에서는 <image>일 뿐이므로 검색 엔진에서 노출 될 수 없다.

즉, html을 의미에 맞게 정확하게 사용한다는 것은 비즈니스적인 측면에서 매우 중요하다.

 

2. 휴머니즘

Web은 모든 운영체제에서 누구나 볼 수 있는 순수한 공공재이다.

이러한 개방성 or 접근성은 (a.k.a Accessibility) 정보를 다양하게 재가공 할 수 있도록 만든다.

가령, 시각 장애를 가지신 분들은 시각적 정보를 받아들이는데 어려움이 있다.

이때 html 내 정보들를 활용하여 시각적 정보인 글자를 청각화 할 수 있다. (ex.스크린 리더)

웹 페이지를 만들 때 문자까지 이미지화 했었다면 청각화 할 수 있는 데이터가 없기 때문에 없는 정보가 된다.

 

2가지 이유는 결국 정보성이라는 하나의 이유로 귀결되는 듯 하다.

Html 존재의 이유를 정확히 알고 의미에 맞게 사용하는 것은 매우 중요하다!

---

오늘의 공부 범위 : 생활코딩 WEB 1-10

youtube.com/playlist?list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb