불타는 키보드

position 프로퍼티 element에 position 속성을 걸어주면 top, bottom, right, left로 움직일 수 있습니다. 1. position: relative; relative에게는 대표적으로 중요한 기능이 두가지 있습니다. 1-1. top, bottom, right, left 프로퍼티를 통해 element를 움직일 수 있게 해줍니다. 내용 /* CSS 내용 */ .box { border: 1px solid black; width: 100px; height: 100px; } .content { position: relative; top: 100px; right: 20px; } 1-2. 다른 position 속성을 가진 자식태그의 이동범위가 됩니다. /* 기본 CSS 구성 */ .pa..

언어/HTML + CSS 2021. 3. 16. 16:01

시맨틱 웹 (Semantic Web) 시맨틱 웹이란 무엇일까요? Semantic은 사전상 '의미론적인, 의미의' 이라는 뜻을 가지고 있습니다. 그렇다면 시맨틱 웹은 '의미있는 웹'정도로 이해할 수 있는데 의미 있는 웹이란 어떤 웹을 가리키는 걸까요? 시맨틱 웹의 목적 인터넷이 폭발적으로 보급되고 웹상에 축적되는 정보의 양이 방대해짐에 따라 정보 검색시 불필요하거나 덜 연관성있는 정보를 거를 필요성이 대두되었습니다. 따라서 단순히 사람만이 웹의 정보를 파악하는 것이 아니라, 자동화된 기계가 그 의미를 해석하고 정보간의 관계를 이해할 수 있도록 하는 것이 시맨틱 웹의 목적입니다. 검색 엔진에 노출되지 않는 정보는 존재 의미가 없는 것이나 다름 없습니다. 검색엔진은 매일 웹사이트 정보들을 수집한 뒤 예상되는 ..

언어/HTML + CSS 2021. 3. 16. 01:32