728x90 반응형 html/웹접근성4 dl 쓰는 경우 정리 제목-설명이 묶여있는 경우 dl 을 쓰는걸 추천! dl 예시 See the Pen dl by gahyun (@gahyun) on CodePen. See the Pen dl by gahyun (@gahyun) on CodePen. See the Pen Untitled by gahyun (@gahyun) on CodePen. 2022. 8. 29. 웹접근성의 기초 시멘틱 태그를 최대한 활용해서 구조를 짠다 https://stonefree.tistory.com/59 [HTML5] 시멘틱 태그(sementic tag) 시멘틱태그(sementic tag)란 인터넷의 발전으로 방대한 양의 웹문서가 생기면서, 제각기 일관적이지 않게 생성된 문서 구조는 웹문서에서 원하는 정보를 찾기가 점점 힘들어 지게 만드는 원인이었 stonefree.tistory.com - section 안에 태그를 꼭 넣어준다 - h1 은 회사로고를 쓰고 h2 부터 쓴다 - 제목+설명이 묶여있는 경우에는 dl을 쓰는걸 추천! [html/웹접근성] - dl 쓰는 경우 정리 2022. 8. 29. 웹접근성 <from> 폼 요소의 제목 … 생략 … 2022. 8. 22. 웹접근성을 지키는 <table> 정리 기본 테이블 테이블에 대한 설명 제목 제목 타이틀 내용 타이틀 내용 웹 접근성을 위해 caption 은 필수 (display:none; 을 쓰지 않고 숨겨준다) th에 scope를 꼭 써준다 thead 도 필수 .table{ width: 100%; position: relative; } .table caption{ position: absolute; width:0px; height: 0px; overflow: hidden; } .table thead th{ background-color: #ccc; text-align: center; } .table thead th:not(:last-child){ border-right: 1px solid #fff; } .table th, .table td{ height.. 2022. 8. 22. 이전 1 다음 728x90 반응형
