Programming/HTML5 - CSS3
-
검색 엔진Programming/HTML5 - CSS3 2017. 7. 11. 12:49
검색 엔진어떤 웹사이트를 만들어서 공개하면 검색 엔진을 만드는 회사들이 로봇(소프트웨어)를 보내고 그 사이트에 있는 html 파일을 다운로드 받아 거기에 있는 정보를 해석하고 자기들의 필요, 기준에 따라 분류해서 사용자들이 검색을 했을 때 사용자가 검색한 것에 가장 적합한 컨텐츠를 제공하는 것이 검색엔진이다. 검색 엔진 최적화검색 엔진이 내가 만든 또는 여러분들이 만든 웹 사이트를 상위에 노출될 수 있도록 하는 것 검색 엔진을 최적화 하기 위해서는 무엇을 해야 하는가HTML 코드를 Semantic(의미론적인)적으로 잘 쓰면 그것이 가장 좋은 검색 엔진 최적화이다 라고 구글 검색 엔진 최적화 기본 가이드에 설명이 되어있다. 또한 검색 엔진 최적화를 한다고해서 검색 엔진이 좋아할 만한 것을 너무 과하게 사용..
-
HTML5 시맨틱(Semantic) 태그Programming/HTML5 - CSS3 2017. 7. 9. 17:32
시맨틱(Semantic)은 "의미의,의미론적인" 이라는 뜻을 가진다.사람에게도 의미있고 기계들에게도 활용하기 좋은 형태의 데이터로 웹을 발전시키기 위해 여러가지 많은 노력을 하게 되는데 그중에 하나가 semantic 웹(의미론적인 웹)이다. 간단히 말하자면 HTML5 언어에 익숙하지 않은 사람이 보고도 저 태그가 무엇을 하는 태그인지 알아볼 수 있도록 하는 태그를 시맨틱(Semantic)라고 한다. Semantic 태그 페이지 상단이나 섹션의 머리말 문서의 네비게이션 항목을 정의 (목차만들기에 주로 사용) 문서의 구획들을 정의 본문 광고와 같이 본문과는 관계가 적은 내용들 꼬리말이나 저작권 등을 표시 이 외에도 - 추가적인 정보를 사용자가 숨기거나 보일 수 있게함 - 부모요소인 details요소의 내용에..
-
HTML5 META 태그Programming/HTML5 - CSS3 2017. 7. 9. 16:04
META 태그어떠한 데이터가 있으면 그것을 설명하는 데이터를 meta 데이터라 부른다 이 HTML문서에서 핵심 키워드, 만든이, 문자셋(ex:"UTF-8"), 어떤 것을 사용하는가 등을 담고 있는 태그이다. 123456789101112131415 이 웹 페이지는 메타 태그를 소개하는 웹 페이지 입니다. Colored by Color Scriptercs 위의 정보는 웹 페이지상에서는 표시되지 않으나 이 웹 페이지에 대한 어떠한 요약된 자료로 사용될 수도 있고 그게 어떻게 사용이 될지는 모른다 사용하는 쪽 마음이다.만약 메타태그를 설명하는 웹 페이지를 만든다고 하면 이 웹 페이지에 대한 설명 '메타태그를 설명하는 웹 페이지"를 description 메타 태그에 담고 현재 웹페이지의 키워드인 meta, tag..