NOW OR NEVER

필수로 알아야하는 semantic tags semantic tags(semantic markup) : semantic의 뜻은 의미의, 의미가 있는 이다. 우리가 사용하는 물건에도 언제 어디에 써야하는 지 등의 저마다의 의미를 가지고 있는 것처럼 html 태그 또한 의미를 가지고 있다. sematic tags를 잘 활용해야 하는 중요한 이유 SEO(Search Engine Optimazation) : 검색을 최적화 하기 위해 Accessibility : 웹 접근성 때문이다. screen reader를 이용하거나 키보드만 이용해서 등의 웹사이트를 이용하는 경우 문제없이 잘 동작될 수 있게 하기 위해 Maintainability : 개발자들을 위해서, 개발자가 html 코드를 바라봤을 때 한눈에 웹사이트 구조..

태그 의미가 있는 symantic 태그 사용하기 element(node): contents Box item들을 sectioning 쉽게 도와주는 태그들 안에 contents가 없으면 사용자에게 보여지지 않음 ex) header, footer, aside, main, section, article, nav, div, span, form div 태그가 아닌 section 태그(header,nav, asiede, main, footer 등)로 구역을 나누는 것이 좋다 article 태그 : 여러가지 item들을 그룹화해서 재사용 가능한 아이들이 모아져 있는 것을 말함, 반복되는 아이들을 묶어준 것 div 태그 : 묶어서 스타일링 할 경우, 혹은 그냥 묶고 싶을 때 아무때나 잘 쓰임 h1태그는 contents를..

html 웹을 이루는 가장 기본적인 블록(파일) Html 없이는 웹사이트 못 만듦 Hyper text markup Language Markup 언어 : 어느정도 태그를 이용해서 구조적으로 보여지는 것 Docktype>html>head>body head : ui 적인 요소가 없음, css 불러오는 역할도 함, meta data만 존재, 상세 설명 body : user에게 보여지는 파일들로 이루어져 있다. heading h1~ w3c 웹의 표준화를 추진하는 단체 여기서 정한 표준에 맞게 브라우저를 구현해야 한다. 브라우저는 유효한 태그를 쓰지 않아 어느정도의 에러가 발생하면 똑똑히 회복해서 유저가 html을 보는데 지장이 없도록 할 수 있다. mdn 지원 가능한 태그들 확인은 mdn에서 확인 할 수 있다. ..