Semantic element (시멘틱 요소) HTML5에서는 시멘틱 웹(semantic web)이 중시되면서 여러 시멘틱 요소(semantic element)가 새롭게 만들어졌습니다. semantic이란 '의미가 있는, 의미론적인'이라고 해석할 수 있습니다. 다시 말해, 의미를 가진 요소를 사용하는 방식을 추구하기 시작했습니다. Semantic element를 사용해야 하는 이유 1) 검색엔진이 Semantic element를 더 좋아하기 때문입니다. (즉, Semantic element에 담긴 의미에 따라 검색 결과가 상위 노출이 결정될 수 있습니다.) 2) 여러 개발자가 함께 작업할 때 요소를 탐색하는 것보다 의미 있는 코드 블록을 찾는 것이 훨씬 더 편리하기 때문입니다. 그뿐만 아니라, 요소 안에..
Block VS Inline element div1 div2 span1 span2 h1 a HTML code & result 윗 화면으로만으로는 정확하게 block level element와 inline element의 차이를 구별하기 어렵습니다. 그래서 육안으로 구분하기 쉽게 주석이 걸린 css.css를 풀고 border를 입력하겠습니다. css.css & result 윗 코드의 주석을 풀어 css.css로 border를 주니 육안으로 block level element와 inline element를 구분이 뚜렷이 보입니다. block level element는 화면 전체를 사용합니다. inline element는 자기 자신의 크기만큼 사용합니다. , ~ 는 기본적으로 block level elemen..
HTML 이란? (Hypertext Markup Language) 마크업 언어로 문서의 틀, 구조를 구성하는 언어이다. TAG !를 입력하고 tab 또는 enter를 누르면 왼쪽 위의 사진과 같이 기본적인 html 코드가 나옵니다. : 인터넷 창의 제목 표시를 나타냅니다. ~ : 제목을 의미합니다. (크고, 굵게) (h1 > h6) 기본적으로 block level element 속성을 가집니다. : 하이퍼링크 (hypertext reference) 를 의미합니다. : 하이퍼링크 클릭 시 새 창을 열어서 링크를 연결합니다.