익명 블록 상자 대 블록 요소

Question

블록 요소 대신 익명 블록 상자를 사용하는 것이 좋은 방법입니까? 장단점은 무엇입니까?

<div> 
    Some text 
    <p>More text</p> 
</div> 

대

<div> 
    <p>Some text</p> 
    <p>More text</p> 
</div> 

P.S. 이 점을 읽은 후 질문이 발생했습니다 http://www.w3.org/TR/CSS2/visuren.html#anonymous-block-level.

Answer 1

내용을 제대로 설명하는 HTML 태그를 사용하는 의미 론적 마크 업을 사용해야합니다. (예를

CSS는 저자가 생각할 수있는 거의 관련 프리젠 테이션을 가진 요소를 기반으로 자신의 "문서 언어"를 디자인 할 수는 "클래스"속성에 너무 많은 전력을 제공합니다 말하는 CSS 사양 자체로 봐 HTML의 DIV와 SPAN)와 "class"속성을 통해 스타일 정보를 지정합니다. 저자는 문서 언어의 구조적 요소가 종종 의미를 인식하고 받아 들였고 작성자가 정의한 클래스는 의미가 없기 때문에 이러한 관행을 피해야합니다.

이 기사에이 더 설명 : 특정 경우 http://phrogz.net/CSS/HowToDevelopWithCSS.html#semanticmarkup

을, 당신은 당신이 포함되지 않은 경우 귀하의 "텍스트"에 적용되지 않습니다 p:first-line { text-indent:2em } 같은 것을 할 CSS를 사용하는 경우 래퍼 요소. <p>을 포함하면 단락에 적용되는 모든 스타일이 올바르게 나타납니다.

_{(그리고 당신은, <div>보다 더 적절한 요소를 사용하여 해당되는 경우 등 <section>을 할 수 있습니다.)}