DIV와 TABLE의 공존에 대한 간략한 논의-CSS 튜토리얼-php.cn

DIV와 TABLE의 공존에 대한 간략한 논의

小云云

풀어 주다： 2017-12-13 11:00:54

원래의

1506명이 탐색했습니다.

우리는 div와 table이 프론트엔드 디자인에 있어서 필수적인 태그라는 것을 알고 있습니다. 그들의 기능은 대부분 동일하지만, 이번 글에서는 DIV와 TABLE의 공존에 대해 간략하게 이야기하겠습니다.

테이블에 대하여

웹 표준을 사용한다고 해서 테이블의 사용이 배제되는 것은 아니지만, 오히려 CSS 레이아웃에 관한 많은 글에서 "테이블이 잔치"라고 자주 언급되는 이유도 있습니다. 왜 레이아웃에 테이블을 사용하는가?" 이 문장은 모두가 잘못 이해하고 있기 때문일 수 있습니다. "레이아웃에 테이블을 사용하세요"는 "unwise"라는 뜻입니다. 테이블은 궁극적으로 "data"를 표시하는 방법입니다. 때로는 정보가 이 목적으로 사용되는 경우도 있습니다. 그래서 우리는 회사 직원 문의 양식, 제품 및 모델 대응표 등의 표를 사용합니다. 소위 테이블 잔치에 대해서는 실제로 의견이 더 높은 수준으로 올라갔습니다. 즉, 전문 시장 분석 회사처럼 테이블을 유연하게 활용하여 표시할 수 있다면, 고객 데이터, 설문 조사 데이터 등의 정보를 수집할 때 테이블의 장점이 제대로 활용될 수 있다는 것입니다.
그래서, 그 문장에 관해서는. 오랫동안 사용했으니 " 표를 웹페이지 레이아웃 및 레이아웃 페이지 요소로 사용하는 것은 무리입니다. 표는 데이터를 표시하는 데 사용됩니다"라고 바꿔야 합니다.

다른 요소에 대하여

제 경험에 의하면 , 나는 XHTML 표준의 일부 요소를 세 가지 주요 범주로 나눕니다.
첫 번째 범주는 보조 레이아웃이라고 부르는 것입니다. 디자인 요소: 여기서는 p, SPAN 등을 참조합니다. 이러한 요소의 주요 기능은 전체 페이지를 레이아웃하는 것입니다. 이러한 요소들의 다양한 속성을 유연하게 활용하면 페이지 성능을 풍부하고 다채롭게 만들 수 있습니다.
두 번째 카테고리 I 구조화된 요소 또는 정보 요소라고 합니다. 여기서는 TABLE, UL, PRE 및 CODE 유형 요소를 의미합니다. 예를 들어 TABLE은 분명히 테이블 정보를 표시하는 데 사용되고 UL은 열화를 표시하는 데 사용됩니다. 정보용으로 테이블이나 목록이 필요한 경우 이 두 가지 방법으로 표시하는 것이 좋습니다
세 번째 범주는 다음과 같습니다. META 키워드를 키워드로 채우는 것과 같은 일부 기능을 구현하기 위한 A 메타에 링크 A도 있습니다. 그러면 올바른 표준 준수 디자인 아이디어는 다음과 같습니다. p와 같은 레이아웃 요소를 사용하여 디자인 레이아웃을 만듭니다. 페이지의 위치 지정, 컬러 블록, 그림 등. TABLE, UL 등의 요소를 사용하여 페이지에 표시해야 할 내용을 표시합니다. 물론 p는 ID를 사용하여 데이터를 구성하는 역할도 합니다. p의 속성은 p를 사용자가 명명한 데이터 블록으로 쉽게 사용할 수 있습니다. 따라서 WEB 표준을 사용하여 웹 사이트를 만드는 것은 실제로 정보를 합리화하고 통합하는 과정입니다. 테이블을 레이아웃 도구로 사용하지 마십시오.