패스트캠퍼스: 견고한 UI 설계를 위한 마크업 가이드

문서의 골격을 제공문서의 의미를 전달분위기 느낌까지 전달 (문서를 어떻게 읽어야하는지에 대한 느낌)예를들어 웹에서 의사소통을 할 때, 텍스트만 상요한다면 강조되는 부분이나 분위기를 전달할 수 없다.https://w3schools.comhttps://d

HTML을 의미에 맞춰서 잘 작성하면 검색 엔진에 더 잘 노출될 수 있도록 만들 수 있다.검색 결과 페이지 노출 대비 클릭률페이지 타이틀메타 디스크립션로딩 속도콘텐츠의 양, 질, 개연성백링크: 다른 웹 페이지로부터 인용(링크)되는 횟수사용자 경험 \- CLS \-

Outline, Heading 에 대해 알아본다.서점에서 목차를 보고 관심있는 주제가 있는지를 확인하듯이, 검색엔진도 Heading을 주요하게 본다.Heading과 Section Element로 구현한다.HeadingMaps Extension을 사용하면 문서의 개요를

사용자와 상호작용하기위한 태그들을 알아본다.타겟 URL 설정이 가능하면 <a>를 없으면 <button>을 사용하자.페이지 새로고침이 일어나지않는 해시값에 의한 URL이 변경이라도 <a> 태그여야 된다.같은 동작이라도 URL이 변경된다면 <a> 변경