[HTML] 기술면접 준비

1. DOCTYPE

• HTML이 어떤 버전으로 작성되었는지 미리 선언하여 웹브라우저가 내용을 올바로 표시할 수 있도록 해주는 것

2. Storage

• cookie : 클라이언트/서버, 5KB, 서버와의 통신, XSS / CSRF 공격에 취약
• local storage : 클라이언트, 명시적으로 지울때까지, 5MB / 10MB, XSS 공격에 취약
• session storage : 클라이언트, 탭 / 윈도우 닫을 때까지, 5MB, XSS 공격에 취약
  

3. 시멘틱 마크업 (section, article, nav, ul li 태그 등)

• 검색엔진이 시맨틱 태그를 중요한 키워드로 간주하기 때문에 검색엔진 최적화(SEO)에 유리하다.
• 웹 접근성 측면에서, 시각장애가 있는 사용자로 하여금 그 의미를 훨씬 잘 파악할 수 있다.
• 단순한 div , span 으로 둘러싸인 요소들보다 코드를 볼 때 가독성이 더 좋다.