인라인 수준 요소 대 문구 요소 대 블록 수준 요소

Question

웹 프로그래밍을 처음 사용하는 경우 인라인 요소와 구문 요소의 차이점을 알고 싶습니까? 강력하고 그들은 구문 요소입니까? 하지만 인라인의 관계, 구문 요소에 블록 레벨 요소를 알 수있는 의미가 무엇을 추가 할 수 있다면 또한

,

감사합니다,

Answer 1

다른 HTML 사양 및 초안은 부분적으로 다른 용어를 사용합니다. 또한, 일부 개념에는 CSS 대응이 있습니다. 서로를 혼동하면 혼란 스러울 수 있으므로 HTML 4.01 사양에 초점을 맞추자.

다소 복잡하기 때문에 block-level and inline elements 섹션이 있습니다. 근본적인 차이는 형식적이고 구문 론적입니다. 일부 요소 (예 : p)가 사양에서 블록 수준으로 지정되고 다른 요소는 인라인입니다. 일반적으로 블록 레벨 요소를 인라인 요소 안에 넣을 수는 없지만 이와 같은 규칙은 실제로 요소 구문에 설정됩니다. 기본 서식 지정은 일반적으로 블록 수준 요소를 사용 가능한 너비를 차지하는 사각형으로 렌더링하지만 스타일 시트를 사용하여 변경할 수 있습니다.

구별은 실제적인 것으로 가정되어 사람들이 몇 가지 규칙을 더 쉽게 이해하도록 돕습니다. 어느 정도까지는 독립적 인 정보 가치를 가지고 있습니다. 예를 들어 HTML 사양에서는 ul 요소가 기본적으로 새 줄에서 시작되며 줄 바꿈을 의미하며 사용 가능한 너비를 차지한다고 명시하지 않습니다. 이것은 블록 레벨 요소로 지정 될 때 다소 함축적입니다.

"Phrase element"은 EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR 및 ACRONYM의 일부 (인라인) 요소를 열거하여 구문 적으로 정의 된 용어입니다.스펙은 이러한 요소가 "텍스트 조각에 구조 정보를 추가"한다고 말함으로써 이것을 설명하려고합니다. 이것은이 요소들이 그 내용의 의미 나 역할에 대해 어떤 것을 말하고 있다는 것을 의미합니다. 예를 들어, EM은 강조 (모든 의미)를 의미한다고합니다. 이것은 FONT와 I와 같은 인라인 요소의 반대쪽에 있으며 텍스트의 표현 기능을 나타냅니다. 그러나 "구문 수준"개념은 명확하지 않으며 HTML과 관련이 없습니다.

Answer 2

제 1, 나는 꽤 차이를하지 않는, 너무 인라인 그들은이다 HTML4.01 사양에 마지막으로 사용 된 용어 "구문 요소", 섹션 9.2.1 구문 요소 :

구문 요소 단편 텍스트의 구조 정보를 추가한다. 프레이즈 엘리먼트의 일반적인 의미는 다음과 같습니다 [프레이즈 엘리먼트 목록] (source).

그들은 콘텐츠의 새로운 블록을 형성하지 않습니다, 인라인 레벨 요소로 렌더링입니다. HTML5에서는 phrasing elements으로 재정의됩니다.

블록 레벨 요소 블록 (예를 들면, 단락)으로 시각적으로 포맷 된 소스 문서의 해당 요소 : 블록 소자 용

는 CSS2.1 specification (section 9 Visual formatting model)를 보라. 'display'속성의 다음 값은 'block', 'list-item'및 'table'과 같은 요소를 블록 수준으로 만듭니다.

그래서 구문 어법 또는 는 인라인 레벨또는 블록 레벨 더는 묘화 속성 동안, 더 많은 의미 론적 특성이다. 대부분의 표현 요소는 인라인 수준 요소이며, 대부분의 흐름 요소는 블록 수준 요소입니다.