저는 브라우저 기반 게임에서 작업 중이며 HTML을 가능한 한 의미 상 올바른 상태로 유지하고 싶습니다.
게임의 기본은 타일 격자로 구성된 "보드"입니다. 각 타일의 좌표는 전함 에서처럼 각 타일을 참조하는 방법으로 사용됩니다.
이런 종류의 "맵"그리드를 표현하기 위해 테이블을 사용하는 것이 올바른 의미 론적 마크 업일까요, 아니면 그림의 테이블이 아니기 때문에 그리드를 구축하기 위해 div와 같은 블록 레벨 요소를 사용하는 것이 더 정확할까요?
[편집] 일부 의견에 대한 응답으로, 내가 사용하거나 사용하지 말아야한다면 <table>
-왜 안됩니까?
.NET Framework를 사용 하지 않으면 화면 판독기 또는 텍스트 브라우저 사용자가이 게임을 플레이하기 어려울 것 table
입니다.
div
요소를 사용 하여 해당 그리드를 구축하는 경우 어느 셀에 어떤 좌표가 있는지 (각 셀에 명시 적으로 레이블을 지정해야 함) 매우 장황해야하며 플레이어는이 그리드를 마음 속에 "재 구축"하는 데 집중해야합니다. 전화로 체스를 두는 것과 같습니다. 가능하지만, 당신 앞에 보드를 두는 것보다 어렵습니다.
그래서 예, 나는 당신이 table
. 그리드 셀의 순서 는 중요하고 의미가 있으며 각 셀은 두 개의 제목 (x / y 축)으로 레이블이 지정됩니다.
를 사용하면 table
화면 판독기 사용자 (대부분의 화면 판독기는 셀의 머리글 / 좌표를 알릴 수 있음)와 텍스트 브라우저 (이 경우 w3m)에서도 그리드를 완벽하게 사용할 수 있습니다.
없는 것을보십시오 table
. div
요소에는 위쪽 / 오른쪽 / 아래쪽 / 왼쪽 이웃이라는 개념이 없습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다