HTML

HTML 기초

GYChoi 2022. 1. 27. 18:16

HTML이란?

HTML(Hypertext Markup Language)이란 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 요소로 구성된 마크업 언어이다.

요소

  • 1. 여는 태그(Opening tag): 요소의 이름과 열고 닫는 꺽쇠 괄호(<>)로 구성.
  • 2. 닫는 태그(Closing tag): 요소의 이름 앞에 슬래시(/)가 있는 것을 제외하면 여는 태그와 같음.
  • 3. 내용(Content): 요소의 내용.
  • 4. 요소(Element): 여는 태그, 닫는 태그, 내용을 통틀어 요소(element)라고 함.

속성과 값

요소의 기능을 확장하기 위해 속성(Attributes)을 사용한다. <TAG 속성= "값"></TAG>

웹 표준, 접근성, 호환성

웹 표준(Web Standards)

웹 표준이란 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미한다. 표준화 단체인 W3C(World Wide Consortium)가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있으며 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다. 웹 표준을 지키는 것이 웹 접근성, 웹 호환성에 유리할 수 있지만 웹 접근성, 웹 호환성을 보장하진 않는다.

웹 접근성(Web Accessibility)

웹 접근성은 인적, 환경적 요인에 제약없는 웹 정보 접근과 이용을 보장하는 것을 말한다. 웹 접근성을 준수하기 위해 고려할 사항으로는 시각 (실명, 색각 이상, 저시력을 포함한 시각 장애), 이동성 (근육 제어 손실로 손을 쓰기 어렵거나 쓸 수 없는 상태), 청각(영상, 음성 콘텐츠에 자막, 원고, 수화등의 대체수단 부재로 인식이 불가능한 상태)등이 있다

웹 호환성(Cross Browsing)

웹 호환성은 표준 웹 기술을 사용하여 운영체제, 브라우저 등 어느 한쪽으로 최적화되거나 종속되지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법으로 웹 사이트 사용 시 운영체제 및 브라우저 간 동일한 결과가 나오도록 의미하는 웹 상호운용성의 개념에 웹 표준의 준수를 포함하는 개념이다.

SEO(검색엔진최적화)란?

검색엔진이 이해하기 쉽도록 홈페이지의 구조와 페이지를 개발해 검색 결과 상위에 노출될 수 있도록 하는 작업을 말한다. 기본적인 작업 방식은 특정 검색어를 웹 페이지에 적절하게 배치하고 다른 웹 페이지에서 링크가 많이 연결되도록 하는 것이다. 네이버나 구글 등 검색엔진들은 검색봇이 동작하는 방법이 다르기 때문에 어느 홈페이지를 타겟팅해서 더 중요하게 노출할 것인지 결정해 SEO를 최적화하는 것이 중요하다.

구글 검색봇에 유리한 SEO

  • 1. 문법에 맞는 HTML작성하기
  • 2. 구체적인 페이지 제목 만들기
  • 3. 메타 태그 활용하기
  • 4. 이미지에 alt 속성 기재
  • 5. 이미지 맵에 중요한 링크 사용 피하기
  • 6. 플래시 전용 페이지 피하기
  • 7. anchor 태그를 활용한 적절한 키워드 배치
  • 8. 여러 개의 페이지로 나누어진 콘텐츠 검색 최적화(시리즈/연재)
  • 9. 모든 페이지가 유입 페이지가 되도록 사이트 구성
  • 10. HTTPS 사용 권장