반응형

전체 글 32

HTML 탐구생활 : html 코드 시맨틱하게 작성하기

1. Semantic Tag란? semantic은 '의미의'라는 뜻의 형용사이다. semantic tag는 의미를 가지는 태그를 의미한다. 2. Semantic Tag를 쓰는 이유? 웹사이트가 검색엔진에 노출되는 것은 매우 중요하다. 검색엔진은 로봇(Robot)이라는 프로그램을 이용하여 웹사이트의 정보를 수집한다(이것을 크롤링이라고 부른다) 정보를 수집한 다음 사용자가 검색할만한 키워드를 예상하여 검색 키워드에 해당하는 색인(index)을 미리 만들어둔다. 검색엔진이 수집한 정보는 html코드인데, html 코드의 시맨틱 요소들을 해석하게 된다. 검색엔진 노출 때문도 있지만, 개발자는 여러 사람들과 협업을 많이 하기 때문에 코드의 의미를 명확하게 해주는 것이 중요하다. 3. 기본적인 웹사이트의 구조 --..

html 2022.05.08

HTML 탐구생활 : meta 태그란 무엇인가?

1. meta 태그란? html은 크게 head태그와 body태그로 나뉜다. body태그와 다르게 head태그 같은 경우에는 브라우저에 직접적으로 표시되지 않는다. meta태그는 head태그 안에 들어가는데 웹페이지 그 자체의 정보를 제공하기 위한 목적으로 사용된다. meta 태그를 통해 검색엔진 최적화에 도움이 될 수 있다. meta 태그는 head 부분에 적혀져 있기 때문에 문서의 가장 처음에 읽히는 정보들이다. 그렇기 때문에 검색엔진에게 웹페이지가 이러한 내용들을 담고 있다고 알려주는 것이다. 2. meta 태그의 name과 content -- name의 속성값은 많지만 대표적으로 description, author, keywords 등이 있다. -- content는 name의 특성 값을 담는다. ..

html 2022.04.26
반응형