3장. HTML이 중요한 이유와 최후의 문법 - 속성

 

편집기를 이용해 글을 쓴다는 것, 즉 콘텐츠를 만든다는 것은 내부적으로 html코드를 생산하는 행위이다.

HTML이 중요한 이유

<span style="font-size:24px">coding</span> 와

<h3>coding</h3> 의

 

두 개의 코드가 있다.

 

웹브라우저에 같은 텍스트와 글자크기를 보여주는 두 개의 코드 중 무엇이 더 중요할까?

 

---

둘 중 무엇이 더 중요하냐에 대한 대답은 후자이다.

그 이유는 후자의 코드가 검색엔진에 더 잘 노출되기 때문이다.

(검색엔진은 코드를 분석하여 정리정돈하여 그 값을 웹에 노출시키기 때문에 그렇다.)

 

 

자, 그렇다면 검색엔진에 더 잘 노출되는 것이 왜 중요할까?

 

우리가 HTML을 의미에 맞게 정확하게 사용하는 방법을 통해

코드는 검색엔진에 더 잘 노출되게 되고, 그것은 비즈니스적으로 매우 중요하다.

 

즉, 정보를 더 탄탄히 만드는 것이 가장 중요한 이슈라는 것이다.

 

---

웹의 핵심적인 철학은 접근성이다. 

웹은 모든 운영체제에서 동작하고,
웹페이지의 소스코드는 누구나 볼 수 있고,
웹은 저작권이 없는 순수한 공공재이다.

웹의 이런 특징들이
웹을 다른 기술들과 구별되는
'특별한 것'으로 만든다.

덤으로 HTML의 태그를 정확히 알고 의미에 맞게 사용하는 것이 모두에게 도움을 줄 수 있다. (ex. 시각장애인)

 

---

최후의 문법 - 속성과 img

 

속성 Attribute 이란 태그의 심화 버전을 말한다.

<img>는 이미지를 넣고 싶을 때 사용하는 태그이다.

<img src="이미지 주소" width=""> 의 코드가 있다고 할 때,

여기서 src, width가 속성이다.

 

*unsplash.com : 공공재의 훌륭한 이미지를 다운 받을 수 있는 사이트이다. 웹페이지를 만들 때 애용하도록 하자.

 

*속성 Attribute는 위치 상관 없이 아무 위치에 넣어서 쓰면 된다.

 

---

태그가 태그의 이름만으로 정보가 부족할 때, 우리는 '속성'을 통해서 더 많은 의미를 부가할 수 있다.