블록 요소는 일반적으로 다른 요소에 대한 컨테이너 요소입니다. 일반적으로 인라인 요소와 다른 블록 요소를 수용할 수 있습니다. 블록 요소 "form"은 비교합니다. 특이하게도 다른 블록 요소를 보유하는 데에만 사용할 수 있습니다. CSS의 도움이 없으면 블록 요소는 한 번에 한 줄씩 정렬됩니다. CSS를 사용하면 이 HTML의 기본 레이아웃 모드를 변경하고 원하는 위치에 블록 요소를 배치할 수 있습니다. 매번 어리석게 새로운 줄을 시작하는 대신. 테이블 태그도 일종의 블록 요소라는 점에 유의해야 합니다. 테이블 기반 레이아웃과 CSS 기반 레이아웃은 이 두 레이아웃을 일반 사용자(시각 장애인, 시각 장애인 등 제외)의 관점에서 봅니다. 페이지 로딩 속도 차이 외에는 별 차이가 없습니다. 그러나 일반 사용자가 실수로 페이지 소스 코드 보기 버튼을 클릭하면 둘 사이의 차이가 매우 커집니다. 좋은 재구성 개념을 바탕으로 설계된 CSS 레이아웃 페이지 소스 코드는 최소한 웹 개발 경험이 없는 일반 사용자도 내용을 빠르게 이해할 수 있도록 해줍니다. 이러한 관점에서 CSS 레이아웃 코드는 더 나은 미적 경험을 제공해야 합니다. 블록 컨테이너 요소 div를 상자로 생각하거나 클리핑 작업을 해본 적이 있다면 이해하기 더 쉬울 것입니다. 먼저 다양한 신문과 잡지에서 필요한 기사를 잘라냈습니다. 컷된 콘텐츠의 각 조각은 블록입니다. 그런 다음 레이아웃 의도에 따라 이 종이 조각을 새 백지 조각에 붙였습니다. 이것은 당신만의 독특한 초록을 형성할 것입니다. 기술의 확장으로 웹 레이아웃 디자인도 동일한 패턴을 따릅니다. 인라인 요소는 일반적으로 의미 수준의 기본 요소를 기반으로 합니다. 인라인 요소는 텍스트나 기타 인라인 요소만 담을 수 있으며, 일반적인 인라인 요소 "a"는 다음과 같습니다. 인라인 요소의 중국어 이름에는 다양한 인라인 요소, 인라인 요소, 인라인 요소 및 인라인 요소가 포함됩니다. 기본적으로 통일된 번역은 없습니다. 원하는 대로 부르시면 됩니다. 또한, 인라인 요소에 관해 이야기할 때 우리는 display:inline이라는 표시 속성을 생각할 것입니다. 이 속성은 유명한 IE 이중 부동 테두리 문제를 해결할 수 있습니다. 블록 요소(block 요소)와 인라인 요소(inline 요소)는 HTML 사양의 개념입니다. 블록 요소와 인라인 요소의 기본적인 차이점은 블록 요소가 일반적으로 새 줄에서 시작된다는 것입니다. CSS 컨트롤이 추가되면 블록 요소와 인라인 요소 간의 이러한 속성 차이는 더 이상 차이가 되지 않습니다. 예를 들어 인라인 요소 cite에 display:block과 같은 속성을 추가하면 매번 새 줄에서 시작하는 속성도 갖게 됩니다. 가변 요소는 위 두 가지를 기반으로 하며 환경에 따라 변화한다. 그 기본 개념은 요소가 블록 요소인지 인라인 요소인지를 컨텍스트에 따라 결정해야 한다는 것이다. 가변 요소는 여전히 위의 두 요소 카테고리에 속합니다. 컨텍스트가 해당 카테고리를 결정하면 블록 요소 또는 인라인 요소의 규칙을 따라야 합니다. HTML 태그의 블록 및 인라인 분류 세부정보: 블록 요소 div css xhtml xml 예제 소스 코드 예제 소스 코드 인라인 요소 div css xhtml xml 예제 소스 코드 예제 소스 코드 변경 가능한 요소 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 - 단락 ◎ 미리 서식이 지정된 텍스트 ◎ 테이블 - 테이블 ◎ ul - 정렬되지 않은 목록
◎ a - 앵커 포인트 ◎ abbr - 약어 ◎ 약어 - 첫 글자 ◎ b - 굵은 글씨(권장하지 않음)
◎ bdo - 비디 오버라이드
◎ 큰 - 큰 글꼴 ◎ br - 줄 바꿈 ◎ cite - quote ◎ code - 컴퓨터 코드 (소스 코드 인용 시 필수)
◎ dfn - 필드 정의 ◎ em - 강조 ◎ 글꼴 - 글꼴 설정(권장하지 않음)
◎ i - 이탤릭체 ◎ img - 그림 ◎ 입력 - 입력 상자 ◎ kbd - 키보드 텍스트 정의 ◎ 레이블 - 테이블 레이블 ◎ q - 짧은 따옴표 ◎ s - 밑줄(권장하지 않음)
◎ samp - 샘플 컴퓨터 코드 정의 ◎ 선택 - 항목 선택 ◎ 작은 - 작은 글꼴 텍스트 ◎ 범위 - 일반적으로 사용되는 인라인 컨테이너, 텍스트 내의 블록 정의 ◎ 파업 - 밑줄 ◎ 강한 - 굵은 강조 ◎ 하위 - 아래 첨자 ◎ 위 - 위 첨자 ◎ 텍스트 영역 - 여러 줄 텍스트 입력 상자 ◎ tt - 텔렉스 텍스트 ◎ u - 밑줄 ◎ var - 변수 정의
변경 가능한 요소는 컨텍스트에 따라 블록 요소 또는 인라인 요소입니다.
◎ 애플릿-자바 애플릿
◎ 버튼 - 버튼 ◎ del - 텍스트 삭제 ◎ iframe - 인라인 프레임
◎ ins - 삽입된 텍스트 ◎ 지도 - 그림 블록(지도)
◎ 객체 - 객체 객체 ◎ 스크립트 - 클라이언트 스크립트