table

Web/HTML

[HTML] HTML table advanced features and accessibility

2022.07.27

HTML table advanced features and accessibility HTML table의 추가 속성 및 접근성 table에 추가하기 요소 안에 요소를 정의하여 table에 대한 설명을 지정할 수 있다. 요소는 여는 태그 바로 뒤에 위치한다. Dinosaurs in the Jurassic period ... table에 대한 설명을 제공해주기도 하지만 시각장애인 사용자들에게 매우 유용하다. → 스크린 리더가 caption을 읽어 table에 대한 내용을 얻는다. table 요소의 summary 속성도 사용할 수 있지만 HTML5에서 더 이상 사용되지 않으므로요소를 사용하는 것이 좋다. Active learning: Adding a caption School timetable This is ..

Web/HTML

[HTML] HTML table basics

2022.07.27

Table은 무엇인가? table은 행과 열로 구성된 구조화된 데이터 집합이다. 태그 설명 table 테이블을 감싸는 태그 tr 표 내부 행(table row) th 행 내부 제목 셀(table heading) td 행 내부 일반 셀(table data) 이름 나이 정수연 25 김수연 30 HTML table을 사용하지 말아야 할때는? 레이아웃을 위해 사용하는 경우 레이아웃을 위한 table은 시각장애사용자의 접근성을 저하시킨다. 시각장애인이 사용하는 스크린리더는 HTML 페이지의 태그를 해석해 사용자에게 내용을 읽어준다. table이 tag soup을 만든다. 레이아웃을 위한 table은 일반적으로 레이아웃 태그들보다 더 복잡한 마크업 구조를 가진다. 이로 인해 코드 작성, 유지 관리 및 디버깅이 어려..

[HTML] HTML table advanced features and accessibility

[HTML] HTML table basics

티스토리툴바