목록html/html5 (2)

개발일지

2022-07-27 html5의 새로운 속성

hidden CSS를 사용하지 않고도 HTML내에서 요소를 숨길수가 있다. CSS가 제거하는 것과 같은 효과를 내는 것이라면 [hidden]은 HTML내에서 완전히 제거하는 것과 같은 기능이다 (display:none;) 요소 뒤에 사용한다. 이문장은 [hidden] 속성이 적용 되었습니다.
html/html5 2022. 7. 27. 16:33
2022-07-11 시맨틱 마크업과 관련 태그

시맨틱 마크업 시맨틱 마크업을 사용해야 하는 이유 마크업을 강조하거나 의미를 부여하기 위함. 타인이 코드를 쉽게 알아보기 위함. 웹 접근성과 관련하여 같은 코드를 남발할 경우 스크린 리더기로 구분이 불가능하다. 검색엔진 최적화(SEO) 시맨틱 마크업 없이 마크업 했을 경우 섹션의 의미를 알 수 없고 코드의 가독성이 떨어진다. 또한 웹 접근성이 떨어지므로 시맨틱 마크업을 준수해야한다. 문서의 헤더를 정의할 때 사용. 헤더 안에는 를 포함할 수 있고 도입부의 컨텐츠나 네비게이션 정보를 갖게됨. 아웃라인을 가지지 않는다. hgroup은 h1~h6만 올 수 있다. header태그는 문단을 나누는 태그로서의 기능이고 hgroup은 아웃라인을 생성한다. nav태그를 사용하면 문서 어디에서든 네비게이션이라는 요소를 ..
html/html5 2022. 7. 11. 15:26
이전 Prev 1 Next 다음