본문 바로가기

IT/HTML5

HTML

HTML ( HyperText Markup Language ) : 링크로  연결되어 있는 tag 형태의 컴퓨터 프로그래밍 언어


HTML 기본 구조

<!DOCTYPE html>    <!-- DTD(Document Type Definition) -->

<html>
    <head>
        <title></title>
        <!-- HTML5의 인코딩 지정  -->
        <meta charset="UTF-8">
        <!-- IE의 버전 차이로 인해 다르게 보이지 않게 호환성 보기 기능 활성화 -->
        <meta http-equiv="X-UA-Compatible" content="IE-edge">
        <!--  화면에 보이는 영역으로 기기의 너비를  width로 정하고, 이에 맞춰 초기화면 배율을 1로 지정한다는 의미 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
    </body>
</html>


웹 크롤러(web crawler) : 웹을 탐색하며 HTML로 만들어진 웹 페이지 속 수많은 정보를 수집하는 기계
크롤링(crawling) : 웹 크롤러가 수집한 정보를 저장하는 일 


웹 브라우저 엔진

  • 종류 : Webkit(웹킷; 사파리), Gecko(게코; 파이어폭스), Blink(블링크; 크롬,오페라) ...
  • 기능 : 정보(HTML,XML)와 서식 정보(CSS)등을 해석하여 사람이 눈으로 보고 읽을 수 있는 문서로 표시한다.
검색 엔진의 최적화(Search Engine Optimization, SEO)를 하는 이유
  • 자신의 사이트가 우선순위로 노출되면서 사용자 수를 늘려 광고 효과를 노리기 위함.
검색엔진의 최적화를 하기 위해서 해야할 것
  • <meta>태그의 키워드나 타이틀 ... 작성
  • 콘텐츠의 구조와 의미를 구분하여 HTML을 시맨틱(Semantic)하게 작성

<참고하면 좋은 자료 >

브라우저에 대해서 ( 1.브라우저의 역할 | 2. 브라우저의 구조 | 3. 브라우저의 렌더링 과정 )

MDN ( <meta>:문서 레벨 메타데이터 요소 )

w3school ( HTML <meta> Tag )