오늘부터 강풍주의
HTML(HyperText Markup Language)
- 웹 페이지를 만들기 위한 언어로 웹 브라우저 위에서 동작하는 언어.
태그
- 정보를 정의 하는 방식.
- img, a, html 등
DOCTYPE이란?
- HTML이 어떤 버전으로 작성되었는지 미리 선언해, 웹 브라우저가 내용을 올바르게 표시할 수 있도록 해주는 것. (문서형식을 정리해주는 것)
- 선언하면 Standard mode, 없으면 Quirks mode로 실행.
- 쿼크모드: 오래된 웹 페이지들이 최신 버전의 브라우저에서 잘 보이게 하는 것.
- 표준모드: 출력문서가 최신이라면 표준모드로 실행. CSS2 스펙에 따라 CSS가 적용되었따는 것을 의미.
- 시용하는 이유 → 오래된 웹 페이지들은 렌더링하는데 문제가 생겨서 이러한 렌더링 모드가 생김.
웹 표준
- 웹 상에서 표준적으로 사용되는 기술.
- 웹 사이트를 어떠한 운영체제나 브라우저에서도 동일하게 보여지도록 W3C기구 표준에 맞추는 것.
웹 접근성
- 모든사람이 차별없이 웹사이트를 자유롭게 이용할 수 있게 하는 권리.
- 웹사이트를 이용함에 있어 불편함이 없어야 하는 것.
- ex)
- 이미지에 alt 기법을 사용하여 대체텍스트 제공.
- 동영상에 자막 제공.
- title을 이용해 a태그에 대한 정보를 적절히 제공.
시멘틱 태그 (Semantic Element)
- HTML로 만든 문서에 추가적으로 의미를 부여.
- 무의미한 요소로 문서를 작성할 경우, 어떤 데이터를 제공하는지 파악하기 어려움.
- ex)
- header, nav, section, article, footer 등
Button태그의 Default Type은?
- → Submit.
- button태그에 타입지정을 해야하는 이유는? → form태그 안에 form data와 관련없는 버튼을 만든 후 그 버튼을 눌렀더니 form이 전송될 경우가 발생할 수 있음. 이런 경우를 발생시키지 않기 위해 타입을 꼭 명시하는 것이 좋음.
