취업 준비 시절 128

02. 시멘틱 마크업과 논리적인 순서 마크업

마크업(Mark up)이란? - 마크업(mark up)은 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. - 주요 마크업 언어에는 HTML,Markdown등이 있다. - 간단하게 말해 문서의 골격에 해당하는 부분을 작성하는데 사용된다. 시멘틱 마크업(Semantic markup) 시멘틱(Semantic)의 사전적인 뜻은 "의미론적인" 정도로 해석할 수 있다. 이것은 마크업을 할 때 의미를 부여하는 태그로 보면 되는데 시멘틱 하게 마크업을 하는 것이 중요한 이유는 HTML 문서는 보통 시각적인 방법으로 사용자들에게 정보를 전달하지만 , 모든 사람이 정보를 동일하게 받아들일 수 있는 환경이 아닐 수도 있기 때문이다. 사용자가 보편적인 방법으로 정보전달을 받지 못하는 상황에서 시멘틱한..

01. 인라인(Inline)구조와 블록 레벨(Block-level)구조

이미지 출처 블록 레벨 요소(Block-level Elements) - 마크업을 할 때 줄이 바뀌는 특성을 가지고 있다. - 블록 레벨 요소는 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있다. - 블록 레벨 요소 중에는 블록 레벨 요소를 자식 요소로 포함할 수 있는 요소와 없는 요소가 있다. - 블록 레벨 요소는 하나의 박스라고 생각하면 된다. - 하나의 박스(영역)이기 때문에 margin 값과 padding 값을 적용할 수 있다. ex). , , 같은 요소들은 대표적인 블록 레벨 요소로 화면상 줄 바꿈 현상이 일어난다. 블록 레벨 요소 블록 레벨 요소 성질 줄 바꿈이 생깁니다. 인라인 요소(Inline Elements) - 마크업을 할 때 가로로 정렬이 된다. 즉 줄이 바뀌는 특성이 없고 한..