210623 오늘은 지금까지 배운 HTML 태그들을 복습하면서, skip 내비게이션(본문 바로가기), Layout에 대해 학습했다.
Today's Tips
- 각 요소들의 시작과 끝에 주석으로 달아주므로 구분하기 쉽게 해준다.(sub_layout.html 참조)
- HTML5가 아닌 문서에서는 id를 5개만 사용(wrap, header, container, content, footer)하자는 기업간의 약속이 있음.
- input대신 button을 사용하는 이유는 button태그는 하위 태그들을 추가할 수 있기 때문, 이미지는 img태그를 사용하는 것이 검색엔진 최적화 등에 도움이 된다는 사실이 있다.
- 의미가 없는 이미지들은 CSS로 삽입.
웹 접근성
- title을 정할 때 오늘의 키친(현재 페이지) | 네이버 요리(메인 페이지) 이런식으로 서브페이지랑 구분을 해줘야 함. (웹 접근성 연구소 참고)
- 화면에 보이지 않아도 모든 본문들에 h요소를 달아준다.
(시각 장애인들은 스크린 리더기를 통해 제목을 읽고 원하는 본문을 읽기 때문)
UI개발자 in Hivelab