아라의 WWW

마크업으로 레이아웃을 짤 때 시멘틱 태그를 사용합니다. 각자의 태그들이 의미하는 바와 사용하는 방식이 다른데 이 부분에 대해서 한번 알아봅시다. 🤔 태그는 보통 사이트의 도입부, 즉 머릿 부분에 사용되며 사이트의 로고나 제목 등을 포함할 때 사용합니다. 텍스트, 인라인 요소, 블록 요소를 포함할 수 있지만 , 태그는 포함 할 수 없습니다. 웹 페이지의 는 하나만 사용해야한다. 🤔 내비게이션 표현을 위한 태그로 같은 사이트에 있는 페이지나 다른 사이트를 연결한는 링크들의 모음 즉, 메뉴형식을 표현할때 사용하는 태그입니다. 텍스트, 인라인 요소, 블록 요소를 포함할 수 있습니다. 는 위치에 신경쓰지 않는 편이며 여러 개 사용이 가능합니다. 메뉴는 에도 들어가지만 에는 현재 열려있는 페이지에서 이동가능한 링크..

시멘틱 마크업(Semantic markup) 시멘틱의 사전적 뜻은 의미론적인 종도로 해석할 수 있다. 이것은 마크업을 할때 의미에 부합하는 태그를 사용하라는 뜻입니다. HTML은 보통 시각적인 방법으로 사용자에게 전달되지만 예를 들어 시각 장애인의 경우에는 음성으로 전달해 주어야 하는데 이럴 경우 태그의 의미가 적절해야합니다. 이렇듯 시멘틱은 태그에 의미를 부여하여 좀더 명확에게 읽어 낼수 있도록 할수있는 마크업입니다. 시멘틱 마크업(Semantic markup)을 사용하는 이유 검색엔진 최적화 웹브라우저에 검색하게 되면 정보를 제공하는 검색엔진에 노출되는것이 유리합니다. 웹접근성 웹사이트에 접근과 비장애우들과 동등하게 정보를 이해할 수 있습니다. 코드 가독성 div를 주로 사용한다면 구조적으로 파악하기..

코딩 공부를 할때 인라인 구조와 블록 구조를 몰라 위치나 크기값을 지정할때 자신이 원하는 대로 적용이 되지 않아 당황하는 경우가 종종 있습니다. 인라인과 블록구조를 공부하고 이러한 문제를 해결해 봅시다 블록 레벨요소(Block-level Elements) 인라인요소(inline Elements) 블록 레벨요소(Block-level Elements)와 인라인요소(inline Elements)의 차이점 블록 레벨요소(Block-level Elements)와 인라인요소(inline Elements)의 변환 🤨블록 레벨 요소(Block-level Elements) 블록레벨 요소는 자신이 필요로하는 영역보다 더 많은 요소를 차지합니다. 사용가능한 최대의 가로너비를 사용하며 이러한 특성때문에 수직으로 적용될 수 밖..