본문 바로가기
HTML

HTML P 태그, 글을 구조화하고 가독성을 높이는 도구

by 40's Programmer 2023. 5. 28.
반응형

P 태그란?

단락(paragraph)을 정의하는 데 사용됩니다. <p> 태그는 텍스트를 단락으로 구분하며, 글을 작성할 때 각각의 문장과 문단은 구분하여 표시하는데 필요합니다,

 

사용법

<P> TEXT </P>
  • P 태그 사이에 원하는 텍스트 작성하기

 

코드 작성

<p>여기에 내용을 작성합니다.</p>

 

결과 확인

 

왜 P 태그를 써야 하나?

 

<p> 태그를 사용하여 단락을 정의하면 다음과 같은 이점이 있습니다

 

  • 텍스트의 구조를 검색 엔진이 내용을 이해하고 색인화하는 데 도움을 줍니다.
  • 단락의 전후에 여백이 적용되어 가독성을 향상시킵니다.

<P> 태그는 글 작성에 필요요소입니다.

 

See the Pen P TAG by 40's Programmer (@40sProgrammer) on CodePen.

 

위의 화면은 텍스트를 P태그로 감싼 경우와 감싸지 않은 경우인데요. 

보이는 건 똑같지만 구조는 완전히 다릅니다.

 

P 태그로 감싼 텍스트는 시맨틱 구조를 잘 지키고 있어서 SEO 노출에 유리하고, CSS 처리도 쉽습니다.

 

 

반응형