2010-04-14 2 views
6

나는이 문제에 완전히 혼란 스러워요, 일부는 사용 테이블과 다른 사람들이 오히려 사용해야 테이블과 div 태그의 사용을 만들 수있는 나쁜 습관이다라고 말한다. 모바일 장치에 대한 개발 사이트 당신은하지 레이아웃, 테이블 형식의 데이터를 제시하기위한 테이블을 사용한다테이블

답변

6

을 .mobi를 할 때 올바른 방법은 무엇입니까. 최신 휴대 전화 용 웹 브라우저 (예 : iPhone의 모바일 사파리)는 CSS 및 의미 체계 마크 업을 적절히 사용하는 웹 사이트를 적절하게 렌더링 할 수 있습니다. 고려

+1

이 답변에 추가해야 할 한 가지주의 할 점은 대상 고객을 확실히 이해해야한다는 것입니다. 미국이나 유럽에있는 스마트 폰 사용자라면 div를 사용하는 것이 좋습니다. 타겟 고객이 피처 폰 사용자 인 경우 브라우저의 복잡성이 적어 레이아웃을 위해 테이블을 사용해야합니다. 둘 다 그렇다면 모바일 장치/브라우저를 기반으로 차별화해야합니다. WURFL 또는 DeviceAtlas와 같은 프레임 워크를 살펴보십시오. – Kevin

+0

@Kevin 좋은 지적입니다. –

1

중요한 특징은 데이터의 차이 & 화면상의 실제 레이아웃이다.

일반적 표의 데이터 테이블을 사용하여 표시한다. 예를 들어 HTML 테이블을 사용하여 표시 할 수있는 테이블 형식 데이터의 예로 회사 대차 대조표를 생각해보십시오. 당신이 행 (자연에서 표되지 않음) 정상적인 내용을 보여 & 열을 필요로하는 경우

그러나, & 스타일을 만들 수있는 내용의 위치를 ​​DIV & SPAN 태그와 CSS의 비트를 사용하여 같은 다른 대안이있다 표 레이아웃처럼 보입니다. 이러한 레이아웃의 전형적인 예는 신문에 게재 된 뉴스 기사 일 수 있습니다. 레이아웃이 행 & 열에있는 동안 뉴스 내용 자체는 표 형식이 아닙니다.

이 좋은 방법입니다 이유를 토론 거기 기사의 톤이있다.

귀하의 경우를 감안할 때 원하는 효과를 내기 위해 CSS 기반 스타일링을 사용하여 일반적인 DIV 기반 구조를 고수하는 것이 좋습니다 & 표 형식의 데이터에 대한 표 사용.

HTH.

3

예, 이론은 그렇지 레이아웃, 테이블 형식의 데이터를 제시하기위한 테이블을 사용하는 것을 말한다. 하지만 시장에 나와있는 대부분의 웹 브라우저는 부동 div, 고급 CSS 등으로 복잡한 레이아웃을 제대로 렌더링하지 못합니다.

사람들이 이미 말했듯이 모바일 스마트 폰의 대부분의 최신 웹 브라우저는 빠르게 변화하고 있습니다. (iPhone, Android ...)는 훌륭한 HTML/CSS/Javascript를 지원합니다.
이러한 장치 만 염두에 둔다면 의미 론적 관점에서 올바른 선택이므로 DIV/CSS 레이아웃을 사용할 수 있습니다. 그러나 다양한 장치를 다루려면 테이블을 사용하여 페이지가 더 많은 장치에서 제대로 렌더링되도록하십시오.