Frontend Developer를 향해 !

html5 시맨틱 태그란? 기존 HTML4에서는 태그를 이용해 화면을 분할하거나 필요한 것들을 모두 넣었지만 HTML5부터 모든 태그에 자신의 역할이 생겼다. 이 태그들을 시맨틱 태그라 한다.시맨틱 태그는 "의미가 통하는"의 시맨틱 뜻처럼 문서 구조의 가독성을 높여준다. 1. header- 머리말(제목) 지정하기- 사이트 전체의 제목 부분이 될수도, 의 제목 부분이 될 수도 있다.[출처] HTML5와 시맨틱 태그|작성자 insa[출처] HTML5와 시맨틱 태그|작성자 insa 티스토리 티스토리 블로그입니다. 2. nav- 문서를 연결하는 내비게이션 링크- 다른 사이트의 문서로 연결하는 링크를 나타낸다. 위치에 영향을 받지 않는다. 메뉴1 메뉴2 메뉴3 3. menu- 페이지 내 기능을 하는 버튼/링크의 ..

1. 대체 텍스트 제공정의 : 텍스트가 아닌 콘텐츠(non-text contents) 중에서 글로 표현될 수 있는 모든 콘텐츠는 해당 콘텐츠가 가지는 의미나 기능을 동일하게 갖추고 있는 텍스트 모드로 표시되어 있어야 한다. 1.1 텍스트 이미지- 웹 접근성 준수를 위해서는 원래 제공하고자 했던 텍스트 이미지 내용을 그대로 대체 텍스트(alt="")로 제공.1.2 그림과 사진- 일반적인 인물, 풍경, 회사 로고, 상품 및 제품 사진 등에는 해당 인물의 이름, 풍경의 제목 및 간단한 묘사, 회사 이름, 상품이나 제품의 이름 등을 그대로 대체 텍스트로 넣는 것이 바람직함.1.3 링크가 걸린 이미지- 링크 자체에 링크의 성격을 기술해주는 title을 제공하는 것이 바람직. 특히 새창으로 열릴 경우에는 title..