STUDY/HTML

HTML : 본문 - <p>

RESHUR : 레슈 2022. 4. 12. 16:36

HTML : 본문 - <p>


HTML : 본문 - <p>
<p>를 이용하여 작성했다.

 

<p>Geckos are a group of usually small, usually nocturnal lizards.</p>
 
<p>Some species live in houses where they hunt insects attracted by artificial light.</p>
  • 하나의 문단(paragraph)을 나타내는 태그이며, 블록(block) 레벨 요소이다.
  • 스페이스가 두 번 이상 쓰이더라도 하나의 스페이스만 인식한다.
  • 별도의 여백을 주고 싶을 경우엔 CSS를 사용하여 변경한다.
  • 빈 <p>를 사용하여 문단 사이에 여백을 추가할 경우 스크린리더를 사용할 때 문단의 존재는 알려주지만, 내용이 없기 때문에 혼돈을 줄 수 있으므로 빈 <p> 사용은 지양한다 
  • <p> 태그 내 블록(block) 요소를 넣으면 안 된다.
  • <p> 태그는 내부에 있는 하위요소가 블록요소 일경우 자동으로 닫히는 것으로 인식해서 웹이 제대로 인식하지 못한다.

 

기술 요약

  • 콘텐츠 카테고리 : 플로우 콘텐츠 (Flow Content)
  • 가능한 콘텐츠 : 구문 콘텐츠
  • 가능한 부모 : 플로우 콘텐츠를 허용하는 모든 요소

 


 

 

 

 

HTML : 콘텐츠 카테고리 (Contents Category)

콘텐츠 카테고리 (Contents Category) HTML5부터 비슷한 특징을 가진 요소끼리 묶어서 7가지 카테고리로 세분화를 했다. 하나의 HTML요소가 여러 콘텐츠 카테고리 내의 포함관계에 들어갈 수 있다. 플로

sol-reshur.tistory.com

 

<p> - HTML: Hypertext Markup Language | MDN

HTML <p> 요소는 하나의 문단을 나타냅니다.

developer.mozilla.org