프로그래밍 및 개발 공부하기

시맨틱 요소(Semantic Element)란 무엇인가 1. 시맨틱(Semantic)의 의미“시맨틱(Semantic)”이란 ‘의미론적인(meaningful)’이라는 뜻입니다.따라서 시맨틱 요소(Semantic Element)란“브라우저나 개발자가 해당 콘텐츠의 의미를 이해할 수 있도록 이름 자체에 의미가 담긴 HTML 요소”를 말합니다.즉, 단순히 화면을 꾸미기 위한 태그가 아니라,‘이 부분이 어떤 역할을 하는지’를 명확히 알려주는 요소입니다. 2. 시맨틱 요소의 목적HTML5 이전에는 나 처럼 의미가 없는(non-semantic) 요소로 대부분의 구조를 표현했습니다.예를 들어, 웹 페이지의 상단 영역을 다음처럼 만들었습니다.......이 코드는 개발자 본인은 구분할 수 있지만,브라우저, 검색..

인라인 요소와 블록 요소 정리 1. 인라인 요소와 블록 요소의 정의 HTML 태그는 크게 두 가지 성격을 가집니다. 바로 블록 요소(Block-level element)와 인라인 요소(Inline element)입니다. 블록 요소(Block) : 화면에서 하나의 “덩어리”로 취급되는 요소. 줄 전체를 차지하며, 항상 새 줄에서 시작합니다. 인라인 요소(Inline) : 줄 안에서 다른 요소와 나란히 표시되는 요소. 줄 전체를 차지하지 않고 글자처럼 이어지는 성격을 가집니다. 2. 블록 요소의 특징 줄바꿈이 자동 발생 ..