“ 지연되는 프로젝트에 인력을 더 투입하면 오히려 더 늦어진다. ”
- Frederick Philips Brooks
Mythical Man-Month 저자
728x90
반응형
/ 시멘틱 마크업 이란 ?
시멘틱(Semantic)은 사전적으로 '의미론적인'이라는 뜻으로,
시멘틱 마크업은 '의미가 명시된 HTML 문서'이다.
시멘틱 마크업은 h1, header, nav, section, footer등 다양한 태그들을 문서 내용에 맞게 선택하여 사용하는 것을 말한다.
/ 시멘틱 태그 작성방법
- 헤더 / 푸터에 <header>와 <footer> 사용
- 내비게이션에 <nav>사용
- 메인 컨텐츠에 <main>과 <section> 사용
- 독립적인 컨텐츠에 <article> 사용
- 최상위 제목으로 <h1> 사용
- 순서가 없는 목록으로 <ul>과 <li> 사용
/ 시멘틱 마크업의 필요성
- SEO - 검색엔진 최적화에 유리하다
- 웹접근성 - 시각장애인들도 웹을 편리하게 접할 수있도록 도와준다
- 유지보수 - 정리된 마크업은 코드 식별이 용이하다
/ 논리적 순서 마크업 이란 ?
시멘틱 마크업과 함께 웹 문서의 뼈대가 되는 HTML 문서를 논리적인 순서로 작성하는 것은 매우 중요하다.
PC입력 장치의 이동만으로 콘텐츠 사용자가 내용을 쉽게 이해할 수 있도록 논리적인 순서로 제공되어야 한다. 디자인적 흐름도 중요하지만 무엇보다 내용의 논리적인 흐름을 잘 파악하여 파크업 하는 것이 중요하다.