인터넷, 웹 디자인

블록 레이아웃 DIV HTML 태그

전 runet 심지어 몇 십년 가장 자주 소위 표 레이아웃을 사용했다. 때문에 일부 브라우저의 기준이 서로 크게 달랐다는 사실, 우리는 제대로 모든 응용 프로그램의 온라인 문서를 표시 할 수있는 솔루션을 지켜 볼 수밖에 없었습니다. 그러나 시간으로 표준을 개발하고, 오히려 단단하고 유연성 테이블이 좋은 반응 변수 와서 교체, 계속 블록 레이아웃을. 이 기술의 최전선에서 요소

을 사용하는 원칙이다. 대부분의 HTML-문서는 달리 테이블 레이아웃은 서로 독립적 일 수있다, 각각의 블록에 근거하여 건설되었다.

출현

프레임합니다 (HTML 코드)과 디자인 (스타일 시트) - 웹 페이지의 복잡성이 증가하고 컴퓨터 기술의 개발은 웹 문서를 두 부분으로 나누어되었다는 사실을 주도하고있다. 이 웹 전례없는 발전을 달성과 함께, 결과는 그 중 우리는 지금 대부분의 사이트에서 관조 할 수 있습니다. 설계 규칙의 각 요소에 대해 결정하기 위해 허용 된

HTML 개발 프로세스를 개선뿐만 아니라. 이 웹 페이지의 가독성을 개선하고 문서 다운로드 시간을 줄일 수있었습니다. 이제 사이트에서 사용할 수있는 검색 엔진을 더 빠르고 더 나은 프로세스 정보.

표준 및 검증

W3C 표준 (월드 와이드 웹 컨소시엄)을 엄격하게 준수에 사용되는 HTML 태그. 발리 (스캔 및 검색) 페이지에있는 모든 종류의 오류를 분석 - 페이지 소스를 확인하는 것은 특별한 도구를 개최했다. 페이지 유효한 모든 태그가 제대로 사용 완전히 표준의 요구 사항을 충족되었다는 것을 의미한다.

태그는 블록을 만들 수 있습니다, 또는 그들이 컨테이너라고합니다. 개별 요소가 필요하여 구조 및 구성의 복잡성을 생성 중첩 될 수있다. 발생하지 않습니다 실질적으로
태그 동반 클래스 식별자를 사용하거나. 그것은 "익명의"요소에 의해 발생합니다. 그가 성적을 지정하지 않을 경우, 결국, 모든 컨테이너는 동일한 구성을해야합니다.

진정으로 올바른 문서를 만들려면 "는 to_imya을«=의

클래스의 다음의 태그 구조를 사용해야합니다. 스타일 시트의 클래스의 이름을 켜면, 당신은 위치, 크기 및 문서의 단일 블록을 합산의 다른 매개 변수를 확인할 수 있습니다.

클래스와 ID를 사용하여

블록

HTML는 식별 ID, 클래스 및 클래스로 정의 될 수있다. 제 내지 제 달리 ID 만 문서 페이지에 한번 사용된다는 것이다. 즉, 더 페이지 코드에서 반복하지 고유의 요소를 결정하는 데 사용됩니다. 클래스 속성은 같은 적용 할 스타일 규칙을 여러 요소. 이러한 접근 방식은 크게 코드의 개발 및 지원을 단순화합니다. 게다가, 하나의 객체가 여러 클래스를 가질 수 있습니다. 공유 공간의 적절한 인식하십시오.

물론, 문서의 블록 구조는 오직 하나의 태그

의 사용을 의미하는 것은 아니다. 모든 웹 페이지의 구조는 항상 다른 요소가 될 것입니다. 또한, 그 자체 차단
요소는 디스플레이의 다른 종류를 가질 수있다. 이것은 속성 디스플레이를 사용하여 수행됩니다. 요소는 문자열이나 크게 장치의 사용의 유연성을 증가시키고 구성시의 웹 사이트를 만들 수있는 테이블에 표시 될 수 있습니다.

태그. HTML-특성

이미 상술 한 바와 같이, 태그는 페이지 레이아웃 조각을 변경 스타일 시트가 후속 등록이 의미 론적 구조를 생성하는 데 사용되지 않는다. 이 요소의 닫는 태그를 사용하는 것은 필수입니다.

많은 현대의 브라우저는 같은 실수를 인식 할 수 있다는 사실에도 불구하고, 어떤 경우에는, 닫히지 않은 태그는 "razvalivanie"문서 구조와 표시 오류가 발생할 수 있습니다.

이 요소는 블록은 콘텐츠가 새로운 라인이 시작됩니다 포함하는 것으로 그 정도이므로. 속성 매개 변수를 표시하는 디스플레이 장치를 변경해야이 문제를 수정합니다. 중첩 된 요소를 그룹화 외에도

태그는 그 안에 내용의 레이아웃을 포맷 할 수 있습니다. 그것은 당신이 부모 요소의 왼쪽, 오른쪽 또는 가운데에 텍스트 나 사진을 배치 할 수있는 align 속성을 사용합니다.

위치 블록

위치 속성을 사용하면 선택한 항목을 배치하는 방법을 변경할 수 있습니다. 그래서, 위치의 세 가지 유형이 있습니다 :

  • 정적 (정적) - 기본. 이 경우, 요소는 HTML 코드의 위치에 따른다.
  • 상대 (상대). 이 경우, 오브젝트의 위치는 고정 위치의 경우와 동일한 방식으로 계산되지만이 기능은 어린이의 위치를 변경할 수있게된다.
  • 절대치 (절대). 그의 위치가 상대적으로 위치 결정 요소에 대해 계산된다.

다른 속성

상단과 왼쪽 속성은 원점에 위치를 변경하는 데 사용됩니다. 값은 긍정과 부정 모두가 될 수 있습니다. 블록 요소의 폭과 높이를 각각 정의 너비와 높이 속성. 그들은 스타일 시트에 지정되지 않은 경우, 단위는 부모 요소의 전체 폭을 차지합니다. 블록의 콘텐츠는 "상위"폭을 가로 질러 맞지 않는 경우, 소자의 동작 특성의 플로우에 의해 결정된다.

우리는이 문서가 HTML에서 어떤

의 문제에 대처하는 데 도움이 되었기를 바랍니다.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ko.atomiyme.com. Theme powered by WordPress.