블록 요소는 일반적으로 다른 요소에 대한 컨테이너 요소입니다. 일반적으로 인라인 요소와 다른 블록 요소를 수용할 수 있습니다. 블록 요소 "form"은 비교합니다. 특히,
CSS 기능이 없으면 블록 요소는 한 번에 한 행씩 정렬됩니다. CSS를 사용하면 이 html 모드의 기본 레이아웃을 변경하고 블록을 배치할 수 있습니다. 매번 어리석게 새 줄을 시작하는 대신 테이블 태그도 블록 요소의 한 유형이며 일반적으로 사용자 관점에서 테이블 기반 레이아웃과 CSS 기반 레이아웃이 사용된다는 점을 지적해야 합니다. (시각 장애인, 시각 장애인 등 제외) 페이지 로딩 속도 외에는 두 레이아웃 사이에 다른 점이 없습니다. 그러나 일반 사용자가 실수로 페이지 소스 코드 보기 버튼을 클릭하면 두 레이아웃이 나타납니다. 사용자가 보여주는 차이는 매우 큽니다. 좋은 재구성이라는 개념을 기반으로 설계된 CSS 레이아웃 페이지 소스 코드는 최소한 웹 개발 경험이 없는 일반 사용자도 이러한 관점에서 콘텐츠를 빠르게 이해할 수 있도록 해야 합니다. 더 나은 미적 경험.
블록 컨테이너 요소 div를 상자로 생각하거나 클리핑을 사용해 본 경우 먼저 다양한 신문에서 필요한 기사를 추출해 보겠습니다. 그런 다음 이 종이 조각을 새로운 빈 종이에 붙여서 자신만의 고유한 다이제스트를 만듭니다. 기술의 확장으로 웹 레이아웃 디자인도
일반적으로 동일한 패턴을 기반으로 합니다
.레벨(의미적) 요소 인라인 요소는 텍스트 또는 기타 인라인 요소만 수용할 수 있습니다. 일반적인 인라인 요소 "a"
에 대해 설명해야 할 것은 인라인 요소의 중국어 이름에는 인라인 요소, 인라인 요소, 인라인 요소와 직접 요소는 기본적으로 통합된 번역이 없습니다. 또한 인라인 요소의 경우 유명한 IE double을 수정할 수 있는 표시 속성을 생각해 보겠습니다. 부동 경계 문제
(블록 요소)와 인라인 요소(인라인 요소)는 HTML 사양의 개념입니다. 블록 요소와 인라인 요소의 기본적인 차이점은 블록 요소가 일반적으로 CSS 컨트롤이 추가될 때 시작된다는 것입니다. 블록 요소와 인라인 요소의 속성 차이는 문제가 되지 않습니다. 예를 들어 인라인 요소 cite에 display:block과 같은 속성을 추가하면 새 항목에서 시작하는 속성도 갖게 됩니다.
위의 두 가지를 기반으로 환경에 따라 가변 요소가 변경됩니다.
기본 개념은 해당 요소가 컨텍스트에 따라 블록 요소인지 인라인 요소인지 결정해야 한다는 것입니다. 가변 요소는 여전히 위의 두 요소 카테고리에 속합니다. 컨텍스트가 해당 카테고리를 결정하면 블록 요소 또는 인라인 요소의 규칙을 따라야 합니다.
html 태그의 블록 및 인라인 분류 내역:
블록 요소(block 요소)
div css xhtml xml 예제 소스 코드 예제 소스 코드
◎ address - 주소 ◎ blockquote - 블록 인용 ◎ center - 정렬 블록 ◎ dir - 디렉토리 목록 ◎ div - 일반적으로 사용되는 블록 수준 편의, CSS 레이아웃의 기본 태그이기도 함 ◎ dl - 정의 목록 ◎ fieldset - 양식 제어 그룹 ◎ form - 상호 작용 형식◎ h1 - 제목 ◎ h2 - 부제 ◎ h3 - 3급 제목 ◎ h4 - 4급 제목 ◎ h5 - 5급 제목 ◎ h6 - 6급 제목 ◎ hr - 가로 구분선 ◎ isindex - 입력 프롬프트
◎ 메뉴 - 메뉴 목록 ◎ noframes - 프레임 선택적 콘텐츠(프레임을 지원하지 않는 브라우저의 경우 이 블록 콘텐츠 표시) ◎ noscript - 선택적 스크립트 콘텐츠(스크립트를 지원하지 않는 브라우저의 경우 이 콘텐츠 표시)
◎ ol - 정렬된 형식 ◎ p - 문단 ◎ 미리 서식이 지정된 텍스트 ◎ table - 테이블 ◎ ul - 정렬되지 않은 목록
인라인 요소(인라인 요소)
div css xhtml xml 예제 소스 코드 예제 소스 코드
◎ a - 앵커 포인트 ◎ abbr - 약어 ◎ 약어 - 이니셜 ◎ b - 굵은 글씨(권장하지 않음)
◎ bdo - 비디 오버라이드
◎ 큰 - 큰 글꼴 ◎ br - 줄바꿈 ◎ cite - quote ◎ code - 컴퓨터 코드 (소스코드 인용 시 필수)
◎ dfn - 필드 정의 ◎ em - 강조 ◎ 글꼴 - 글꼴 설정(권장하지 않음)
◎ i - 기울임꼴 ◎ img - 그림 ◎ 입력 - 입력 상자 ◎ kbd - 키보드 텍스트 정의 ◎ 레이블 - 테이블 레이블 ◎ q - 짧은 따옴표 ◎ s - 밑줄(권장하지 않음)
◎ samp - 샘플 컴퓨터 코드 정의 ◎ 선택 - 항목 선택 ◎ 작은 - 작은 글꼴 텍스트 ◎ 범위 - 일반적으로 사용되는 인라인 컨테이너, 텍스트 내의 블록 정의 ◎ 파업 - 밑줄 ◎ 강한 - 굵은 강조 ◎ 하위 - 아래 첨자 ◎ 위 - 위 첨자 ◎ 텍스트 영역 - 여러 줄 텍스트 입력 상자 ◎ tt - 텔렉스 텍스트 ◎ u - 밑줄 ◎ var - 변수
변수 요소
정의div css xhtml xml 예제 소스 코드 예제 소스 코드
변경 가능한 요소는 컨텍스트에 따라 블록 요소 또는 인라인 요소입니다.
◎ 애플릿-자바 애플릿
◎ 버튼 - 버튼 ◎ del - 텍스트 삭제 ◎ iframe - 인라인 프레임
◎ ins - 삽입된 텍스트 ◎ 지도 - 그림 블록(지도)
◎ 객체 - 객체 객체 ◎ 스크립트 - 클라이언트 스크립트