반응형

코딩 공부 162

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

시멘틱 마크업(Semantic markup) 시멘틱(Semantic)의 사전적 뜻은 "의미론적인" 정도로 해석할 수 있다. 이것은 마크업을 할 때 의미를 부여하는 태그로 보면 된다. 실제로 마크업을 할 때는 작업자마다 콘텐츠의 의미를 해석하는 차이가 조금 있을 수도 있지만 가급적 시멘틱하게 마크업을 하려고 노력하는 것도 중요하다. 즉, 시멘틱 마크업이란 HTML 문서를 작성할 때 의미를 잘 전달하도록 만드는 것을 말한다. 위 사진에 있는 이 없다면 스크린리더에서는 그저 '반응형 웹'이라고 읽어주기만 할 것이다. 시멘틱 마크업 태그 종류 시멘틱 마크업을 하는 이유 1. 검색 엔진 최적화(SEO) 웹 브라우저에 검색을 하게 되면 검색엔진을 통해 정보를 제공하는데 이, 로봇이 프로그램을 이용해 검색엔진의 크롤..

코딩 공부/HTML 2023.02.17

인라인 구조와 블록구조

01. 블록 레벨 요소(Block-level Elements) 블록 레벨 요소는 마크업을 할 때 줄이 바뀌는 특성을 가지고 있습니다. 블록 요소는 하나의 박스라고 생각하면 됩니다. 블록 레벨 요소(Block Leverl Elements)는, 한개의 독립된 덩어리로 부모 요소의 가로 폭 전체를 차지하는 요소이다. 따라서 라인 한 개에 하나의 블록 요소가 들어갈 수 있고, 블록 요소의 다음 요소부터는 라인이 바뀐다. 특징 새로운 줄에서 시작합니다. 좌우 양쪽으로 최대한 늘어나 가능한 모든 너비를 차지합니다. 다른 블록 레벨 요소와 인라인 요소들을 포함할 수 있습니다. 블록 레벨 요소 자체를 text-align을 활용해 가운데 정렬할 수 없습니다. 블록 레벨 요소 자체를 Vertical-align을 활용해 수..

코딩 공부/HTML 2023.02.17
728x90
Adventure Time - BMO