사이트를 만들 때 "div 레이아웃"이란 무엇입니까? 장단점

오늘날 인터넷은 우리 삶의 일부입니다. 평범한 사용자는 월드 와이드 웹의 검색 엔진에 등장하기 전에 자신이 좋아하는 사이트가되는 경로를 거의 생각하지 않습니다. 사이트의 탄생은 아티스트와 메인 레이아웃을 만드는 사람과 관련된 디자이너의 아이디어로 시작됩니다. 레이아웃 그리기가 완료되면 똑같이 중요한 프로세스 인 사이트 템플릿의 레이아웃이 시작됩니다.

템플릿 또는 레이아웃이 아직 준비가 된 사이트가 아닙니다.미래에 본격적인 웹 사이트를 만들 수있는 기초로 디자이너가 만든 일부 모델입니다. 프로그래밍 관점에서 템플릿은 정보를 표시하는 특정 규칙 집합입니다. 가장 기본적인 정적 사이트를 만들려면 일반적으로 HTML 템플릿을 사용합니다. HTML은 인터넷상의 하이퍼 텍스트 마크 업 (문서)을위한 표준 언어입니다.

웹 사이트 레이아웃은 형성 과정입니다.웹 페이지는 디자이너의 템플릿을 기반으로합니다. 이러한 유형의 활동은 웹 사이트 디자이너가 처리합니다. 레이아웃의 주요 작업은 문서의 특정 위치에 웹 페이지의 텍스트, 이미지 및 기타 요소를 배치하고 디자이너가 개발 한 레이아웃에 따라 최신 인터넷 브라우저의 창에 표시 할 수있는 HTML 코드를 작성하는 것입니다. 작업하는 동안 레이아웃 디자이너는 자신이 복사 한 레이아웃의 일부가 모든 브라우저에 똑같이 올바르게 표시되는지 항상 확인해야합니다. 몇 년 전에 사이트의 HTML 레이아웃은 테이블 사용을 기반으로했습니다. 시간이 지나면 HTML 언어에 새로운 요소 (태그)가 나타납니다. 그러한 요소 중 하나가 div였습니다. 지난 몇 년 동안 사이트의 페이지를 만들 때 div의 레이아웃이 가장 좋은 경우 오늘은 의무 사항입니다. 현재, 테이블의 도움으로 사이트는 거의 변경되지 않았습니다. "레이아웃 div"라는 개념 대신 "레이어링"또는 "블록 레이아웃"이라는 용어가 가장 자주 사용됩니다.

사업부 페이지에 별도의 HTML 코드를 선택할 수있는 태그입니다. 이 태그는 블록 요소입니다.

div 태그에는 두 가지 주요 매개 변수가 있습니다.

정렬 (왼쪽, 페이지의 오른쪽 가장자리, 가운데 또는 너비) 내용을 정렬 할 수 있습니다;
Title : 내용에 툴팁을 추가합니다.

레이아웃 div : 주요 장점 :

테이블 레이아웃과 비교하여 작은 마크 업 코드;
"고무"페이지 디자인을 만들 가능성;
사용자의 브라우저에서 다음 페이지를 로딩 할 때 빠릅니다.
스타일 (CSS) 사용의 용이성, id를 사용하여 요소에 스타일 지정.

레이아웃 div : 주요 단점 :

더 이상 사용되지 않는 브라우저 (IE6)에 페이지를 올바르게 표시 할 수 없음;
페이지에 블록을 배치하고이를 관리하는 복잡성.

프로젝트에 따라 블록 및 테이블 레이아웃의 조합이 허용됩니다.

왜 대부분의 전문가들은 레이아웃 테이블을 사용하지 않겠습니까?

사이트의 테이블 레이아웃을 적용한 경우코드가 커지면 미래의 프로그래머가 작업하기가 더 어려워집니다. 이 HTML 코드의 오류를 찾으려면 비교적 많은 시간이 필요합니다. 테이블 형식 레이아웃은 웹 서버에 추가로드를 발생시켜 작업 속도를 저하시킵니다. 즉, 브라우저에서 정보를 발급하는 프로세스가 느려집니다. 결과적으로 오랜 시간 동안 페이지가로드됩니다.

웹 사이트 레이아웃은 중요한 단계입니다.창조, 그것없이, 가장 간단한, 인터넷 자원조차. 레이아웃 작업이 완료되면 모형 레이아웃이 웹 프로그래머에게 전송되어 CMS 시스템의 호스팅 및 구현과 통합됩니다.

더 읽기 :