맵 그리드는 시맨틱 HTML에서 표 형식 데이터로 간주됩니까?

히피 짐

저는 브라우저 기반 게임에서 작업 중이며 HTML을 가능한 한 의미 상 올바른 상태로 유지하고 싶습니다.

게임의 기본은 타일 격자로 구성된 "보드"입니다. 각 타일의 좌표는 전함 에서처럼 각 타일을 참조하는 방법으로 사용됩니다.

이런 종류의 "맵"그리드를 표현하기 위해 테이블을 사용하는 것이 올바른 의미 론적 마크 업일까요, 아니면 그림의 테이블이 아니기 때문에 그리드를 구축하기 위해 div와 같은 블록 레벨 요소를 사용하는 것이 더 정확할까요? 좌표 그리드의 예

[편집] 일부 의견에 대한 응답으로, 내가 사용하거나 사용하지 말아야한다면 <table>-왜 안됩니까?

.NET Framework를 사용 하지 않으면 화면 판독기 또는 텍스트 브라우저 사용자가이 게임을 플레이하기 어려울 것 table입니다.

div요소를 사용 하여 해당 그리드를 구축하는 경우 어느 셀에 어떤 좌표가 있는지 (각 셀에 명시 적으로 레이블을 지정해야 함) 매우 장황해야하며 플레이어는이 그리드를 마음 속에 "재 구축"하는 데 집중해야합니다. 전화로 체스를 두는 것과 같습니다. 가능하지만, 당신 앞에 보드를 두는 것보다 어렵습니다.

그래서 예, 나는 당신이 table. 그리드 셀의 순서 중요하고 의미가 있으며 각 셀은 두 개의 제목 (x / y 축)으로 레이블이 지정됩니다.

를 사용하면 table화면 판독기 사용자 (대부분의 화면 판독기는 셀의 머리글 / 좌표를 알릴 수 있음)와 텍스트 브라우저 (이 경우 w3m)에서도 그리드를 완벽하게 사용할 수 있습니다.

여기에 이미지 설명 입력

없는 것을보십시오 table. div요소에는 위쪽 / 오른쪽 / 아래쪽 / 왼쪽 이웃이라는 개념이 없습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

맵 그리드는 시맨틱 HTML에서 표 형식 데이터로 간주됩니까?

분류에서Dev

React JS에서 그리드 방식으로 데이터를 표시하는 방법은 무엇입니까?

분류에서Dev

HTML 형식으로 데이터 표시

분류에서Dev

24 시간 형식에서 24 시간 형식 시간으로의 이중 데이터 유형 표현

분류에서Dev

시맨틱 웹 애플리케이션에서 지능형 에이전트를 어떻게 구현합니까?

분류에서Dev

DB의 데이터는 형식화 된 텍스트 대신 html 태그로 웹 페이지에 표시됩니다.

분류에서Dev

구글 애널리틱스 시각화 데이터 표 '평균. 페이지에 머문 시간 '형식은 00:00:00입니다.

분류에서Dev

PHP를 사용하여 HTML 형식의 테이블 형식으로 데이터베이스에서 데이터를 가져오고 표시합니다.

분류에서Dev

시맨틱 드롭 다운에 Chevron Down 아이콘이 표시되지 않음

분류에서Dev

TensorFlow에서 RGB 시맨틱 맵을 하나의 핫 인코딩에 매핑하거나 그 반대로 매핑

분류에서Dev

Yii에서 표 형식으로 데이터베이스의 데이터 표시

분류에서Dev

API에서 추출 된 데이터를 HTML 형식으로 표시 할 수 없습니다.

분류에서Dev

Impala에서 복잡한 데이터 열 (맵 유형)의 모든 필드를 표시하는 방법은 무엇입니까?

분류에서Dev

EXTJS가 데이터 그리드를로드하는 데 걸리는 시간을 어떻게 표시합니까?

분류에서Dev

Android 앱에서 비트 맵을로드하고 표시하는 데 시간이 오래 걸립니다.

분류에서Dev

주별로 데이터를 그룹화하지만 날짜 형식 축 표시

분류에서Dev

로드 된 데이터의 맨 아래에 "11111111"이 표시되는 이유는 무엇입니까?

분류에서Dev

테이블보기 데이터가 특정 형식으로 표시됩니까?

분류에서Dev

간단한 HTML 코드에서 다음 형식으로 표를 표시하는 방법

분류에서Dev

데이터베이스에 저장된 것과 동일한 형식으로 데이터를 표시하는 방법은 무엇입니까?

분류에서Dev

표준 형식 시간대를 tz 데이터베이스 시간 형식으로 변환하는 방법은 무엇입니까?

분류에서Dev

데이터베이스 스키마 변경이 시맨틱 버전 관리에서 주 버전을 증가시켜야합니까?

분류에서Dev

HTML 형식에서 경로 선택 후 그림 표시

분류에서Dev

C #에서 HTML 태그의 이미지를 형식으로 표시 할 수 있습니까?

분류에서Dev

Excel에서 텍스트 유형 기간 데이터를 시간 데이터 형식으로 변환하는 방법은 무엇입니까?

분류에서Dev

쉼표 형식으로 삽입 된 이미지를 데이터베이스에 한 필드에 표시

분류에서Dev

데이터 테이블에서 열을 읽고 C #에서 확인란 형식으로 표시하는 방법

분류에서Dev

시맨틱 UI 사이드 바가 표시되지 않음-React

분류에서Dev

"소형 장치"에만 표시되는 숨겨진 요소를 사용하는 것은 나쁜 습관으로 간주됩니까?

Related 관련 기사

  1. 1

    맵 그리드는 시맨틱 HTML에서 표 형식 데이터로 간주됩니까?

  2. 2

    React JS에서 그리드 방식으로 데이터를 표시하는 방법은 무엇입니까?

  3. 3

    HTML 형식으로 데이터 표시

  4. 4

    24 시간 형식에서 24 시간 형식 시간으로의 이중 데이터 유형 표현

  5. 5

    시맨틱 웹 애플리케이션에서 지능형 에이전트를 어떻게 구현합니까?

  6. 6

    DB의 데이터는 형식화 된 텍스트 대신 html 태그로 웹 페이지에 표시됩니다.

  7. 7

    구글 애널리틱스 시각화 데이터 표 '평균. 페이지에 머문 시간 '형식은 00:00:00입니다.

  8. 8

    PHP를 사용하여 HTML 형식의 테이블 형식으로 데이터베이스에서 데이터를 가져오고 표시합니다.

  9. 9

    시맨틱 드롭 다운에 Chevron Down 아이콘이 표시되지 않음

  10. 10

    TensorFlow에서 RGB 시맨틱 맵을 하나의 핫 인코딩에 매핑하거나 그 반대로 매핑

  11. 11

    Yii에서 표 형식으로 데이터베이스의 데이터 표시

  12. 12

    API에서 추출 된 데이터를 HTML 형식으로 표시 할 수 없습니다.

  13. 13

    Impala에서 복잡한 데이터 열 (맵 유형)의 모든 필드를 표시하는 방법은 무엇입니까?

  14. 14

    EXTJS가 데이터 그리드를로드하는 데 걸리는 시간을 어떻게 표시합니까?

  15. 15

    Android 앱에서 비트 맵을로드하고 표시하는 데 시간이 오래 걸립니다.

  16. 16

    주별로 데이터를 그룹화하지만 날짜 형식 축 표시

  17. 17

    로드 된 데이터의 맨 아래에 "11111111"이 표시되는 이유는 무엇입니까?

  18. 18

    테이블보기 데이터가 특정 형식으로 표시됩니까?

  19. 19

    간단한 HTML 코드에서 다음 형식으로 표를 표시하는 방법

  20. 20

    데이터베이스에 저장된 것과 동일한 형식으로 데이터를 표시하는 방법은 무엇입니까?

  21. 21

    표준 형식 시간대를 tz 데이터베이스 시간 형식으로 변환하는 방법은 무엇입니까?

  22. 22

    데이터베이스 스키마 변경이 시맨틱 버전 관리에서 주 버전을 증가시켜야합니까?

  23. 23

    HTML 형식에서 경로 선택 후 그림 표시

  24. 24

    C #에서 HTML 태그의 이미지를 형식으로 표시 할 수 있습니까?

  25. 25

    Excel에서 텍스트 유형 기간 데이터를 시간 데이터 형식으로 변환하는 방법은 무엇입니까?

  26. 26

    쉼표 형식으로 삽입 된 이미지를 데이터베이스에 한 필드에 표시

  27. 27

    데이터 테이블에서 열을 읽고 C #에서 확인란 형식으로 표시하는 방법

  28. 28

    시맨틱 UI 사이드 바가 표시되지 않음-React

  29. 29

    "소형 장치"에만 표시되는 숨겨진 요소를 사용하는 것은 나쁜 습관으로 간주됩니까?

뜨겁다태그

보관