봉보로봉봉

많은 개발자가 웹 사이트를 개발할 때 특정 레이아웃을 선호하자, HTML5에서 해당 레이아웃을 아예 태그로 만들어 각 요소의 쓰임을 명확하게 구분하였다. > 이를 시맨틱 태그(Semantic tag)라고 한다. Semantic = 의미론적 시맨틱 태그 = 의미를 가지는 태그 나눠진 구획의 기능을 태그 이름만 보고도 이해할 수 있다. 시맨틱 태그를 사용해야하는 이유 1. SEO Search Engine Optimization 2. 접근성 스크린 리더를 이용하거나 키보드만을 이용해 접근하는 경우에 문제없이 동작하도록 해야함 3. 유지보수 한눈에 구조를 알아보기 쉬워야 유지보수에 좋음 웹 페이지 혹은 의 소개나 제목을 담기 위해 사용하는 요소 와 혼동하지 않도록 유의 내비게이션 역할을 수행하는 요소 페이지 이..

navbar를 만들 때 왜 대체 다들 를 사용하는지 너무 궁금해서 찾아보니까 왜 글을 맞춤법대로 쓰나요 같은 맥락의 의문이었다! 의미 요소가 아닌 div 요소나 span 요소 등은 해당 요소가 무슨 목적으로 사용되었는지 코드를 살펴봐야 알 수 있다. 하지만 의미 요소인 table 요소는 코드를 보지 않아도 해당 요소가 표를 만드는 데 사용되었다는 것을 이름만 살펴봐도 바로 알 수 있다. 이와 같이 ul 과 li 를 쓰게 되면 의미적으로 이것은 목록이라는 것을 사용자에게 알려주게 된다. >그래서 메뉴 navbar를 만들 때 li태그를 사용한다. HTML을 작성할 때는 표현하려는 내용이 무엇을 의미하는지에 따라 태그를 적절히 사용해 코드만 보고도 구조를 파악하기 쉽게 코드를 짜야한다! 시맨틱 태그를 쓰는 이..