<p> 또는 <p>하지 않습니까?

필자는 최근 단락 서식을 지정할 때 태그 <div>보다 태그를 사용해야한다고 주장하는 동료와 토론을했습니다 <p>.

사용하지 <p>않는 경우는 브라우저에서 간격이 불규칙하고 <b>태그 처럼 쓸모 없게 될 가능성이 있습니다.

이 <p>태그 에 대한 의견이 커뮤니티에서 공유됩니까?

html

— 브래드 비
소스

지적하자면 <b>(그리고 <i>그 문제에 관해서는) 쓸모가 없습니다. HTML5 사양을 확인하십시오.

— DisgruntledGoat

좋은 점-방금 확인했는데, 항상 <b>와 <i>는 감가 상각 된 태그이며 <strong>와 <em>을 사용해야한다는 지시를 항상 받았습니다.

— BradB

<strong>그리고 <em>항상 강조를 위해 사용되어야한다. <b>그리고 <i>그 점에서 더 이상 사용되지 있지만 HTML5에서 합법적 인 제한이기는하지만, 사용을 할 수 있습니다.

— DisgruntledGoat

이 토론이 실제로 여기에 속합니까? 이것이 Doctype에 있어야 할 것 같습니다

— Charles Boyung

@Charles-사이트가 아직 초기 단계이기 때문에 현재 회색 영역입니다. 강하게 느낀다면 meta.webmasters.stackexchange.com 에서 새로운 토론을 시작 하거나 의견을 게시하십시오 : meta.webmasters.stackexchange.com/questions/117/…

— Mark Henderson

답변:

divs와 ps는 완전히 다른 목적을위한 것입니다. p단락, div부분 나누기입니다. 하나는 텍스트 형식을위한 것이고 다른 하나는 페이지 구조를위한 것입니다. div대신에 사용하는 것이 의미 상 올바르지 않습니다 p.

그리고 사용 b이 권장되지 않는 이유 는 프레젠테이션 태그이기 때문입니다. 의미 적 의미가 없습니다. 모두 p와 div고유 한 의미 론적 의미를 가지고있다. p사람들이 여전히 텍스트를 단락으로 형식화하는 한 절대 쓸모가 없습니다.

동료가 컨텐츠 분리 및 프리젠 테이션 원칙에 익숙하지 않은 것 같습니다 . 그렇지 않으면 그는 왜 b혐오 되는지, 텍스트 간격과 같은 프리젠 테이션 문제는 HTML이 아닌 CSS로 정의되어야한다는 것을 알 것 입니다.

— 레제 마 에스테
소스

+1 동의합니다. 강조하기 위해 "브라우저에서 불규칙한 간격"(설명 할 수는 있지만)은 CSS로 완전히 제어 할 수 있습니다.

— MrWhite

그렇습니다 ... p { margin: 1em 0 }이 질문 전체를 혼란스럽게 만듭니다.

— DisgruntledGoat

<b>"의 의미는 현재 의미 론적 의미를 가지고있다 :"b 요소는 추가적인 중요성을 전달하지 않고 문서 초록의 키워드와 같은 대체 음성이나 분위기에 영향을주지 않으면 서 실용적인 목적으로주의를 끌고있는 텍스트 범위를 나타냅니다. 리뷰의 제품 이름, 대화 형 텍스트 중심 소프트웨어의 실행 가능한 단어 또는 기사 lede " ( 출처 )

— David Murdoch

<p>그리고 <div>그들은 다른 의미 론적 의미를 가지고, 같은 목적을 위해 의미되지 않습니다 :

<p> 단락,
<div>W3C 의 div HTML 사양에 명시된 바와 같이 "문서에 구조를 추가하는 일반적인 메커니즘을 제공하는 것"입니다.

<p> XHTML 및 HTML 5에 여전히 존재하므로 앞으로 더 이상 사용되지 않을 수 있습니다.

두 태그의 그래픽 렌더링이 다릅니다. A <p>는 위쪽과 아래쪽 여백이 1em 인 반면 A <div>는 전혀 여백이 없습니다. 그러나이 점은 CSS에 의해 무시 될 수 있으므로 부차적입니다.

또한이 차이점에 유의하십시오. 두 태그 모두 "block"유형이지만 <div>다른 블록 요소 만 포함 할 수 있습니다. 그러므로:

<p><p> bla </p></p> 잘못되었습니다
<div><div> bla </div></div> 괜찮아

기억해야 할 중요한 점은 유효하고 사용 된 태그이지만 모두 같은 목적은 아닙니다.

— 마티유 FAURE
소스