https://doit-fwd.tistory.com/10 태그와 오픈 그래프(Open Graph)" data-og-description="오픈 그래프 프로토콜이란 SNS에서 특정 웹 페이지를 공유하면 짤막한 미리보기 화면이 나타나면서 마치 그 SNS의 게시물인 것처럼 자연스럽게 삽입됩니다. 어떻게 그럴 수 있을까요? 이것은 바" data-og-host="doit-fwd.tistory.com" data-og-source-url="https://doit-fwd.tistory.com/10" data-og-url="https://doit-fwd.tistory.com/10" data-og-image="https://scrap.kakaocdn.net/dn/bUzIWz/hyVADtu6mO/Do1OyBx3pSkiKMV..

메타 태그 (Meta Tag) : 메타 태그란, 웹페이지가 담고 있는 컨텐츠가 아닌 웹페이지 자체의 정보를 명시하기 위한 목적으로 사용되는 HTML 태그를 말한다.HTML 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있다. 브라우저나 검색 로봇에게 해당 페이지의 정보를 알려주는 역할임, 웹 페이지 내에서 HTML 에 대한 메타데이터를 제공하는 역할을 한다. 따라서 메타태그를 이해하기 위해서는 메타데이터에 대한 이해가 필요하다.  메타 데이터(Meta Data): 데이터를 위한 데이터, 어떠한 목적을 가지고 만들어진 데이터웹사이트의 메타 데이터의 경우 주로 웹페이지에 대한 정보 제공 목적으로 사이트 설명, 키워드 등을 뜻한다. 메타 태그 속성에는..

시맨틱 태그 (Semantic Tag)란?:우선 시맨틱(Semantic)이란 단어는 무엇일까? 시맨틱 단어 그 자체에는 ‘의미의, 의미론적인’ 라는 뜻이 담겨있습니다.이로 유추해보았을 때, 시맨틱 태그는 태그 내용에 의미를 부여하는 태그라고 할 수 있습니다. 시맨틱 태그는  웹 페이지에 보이는 것 이상의 정보를 제공합니다. :시맨틱 태그 (Semantic Tag)는 포함된 콘텐츠의 특정 의미를 정의하고 목적을 갖는 태그입니다.시맨틱 태그의 요소로는 , , , , ,  등이 존재합니다. 이러한 시맨틱 태그 요소는 콘텐츠를 섹션으로 구성하고 각 부분의 역할과 기능을 전달하는 데 도움이 됩니다. HTML5에서는 시맨틱 태그의 등장으로 좀 더 명시적이면서 직관적인 구조의 설계가 가능해진 것 입니다.시맨틱 태그 ..

HTML(HyperText Markup Language)   :  html은 웹페이지를 만들기 위한 가장 기초적인 마크업 언어입니다. html은 태그로 이루어져있고, 태그들을 이용하여 웹 브라우저 상에 텍스트, 이미지, 하이퍼링크등을 표시합니다. 태그들은 (꺾쇠)사이에 표기되며, 몇개의 태그들을 제외하고 내용처럼 반드시 닫아주어야 합니다. html은  혼자 쓰이기 보다는 CSS, 자바스크립트 등과 함께 쓰여 브라우저에 디자인적, 기능적 요소를 더해서 사용됩니다.  이하는 html문서를 작성하기 위한 가장 기초적인 html5의 기본 틀입니다.   : 문서의 시작부분에 명시하며, 문서유형을 나타내 줍니다. 해당 문장은  웹 브라우저에게 html문서를 처리 하라고 알려주게 됩니다.: html문서가 시작되고 ..