[HTML] <p>

<p> : 문단(단락) 정의 태그

---

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

HTML에서 문단은 이미지나 입력 form등 서로 관련있는 콘텐츠 무엇이나 될 수 있다.

=> 아무곳이나 써도 괜찮다는 말인듯 하다.

 

예제

---

• <p>태그는 블록 레벨 요소
• 시작, 닫기 태그 필수

<p>문단을 정의 태그 입니다.</p>
<p>문단을 정의 태그 입니다.</p>

 

p태그의 기본 css

---

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

 

접근성 고려사항

---

콘텐츠를 문단으로 나누면 페이지의 접근성을 높인다.

스크린 리더 등 보조 기술에서 다음 문단으로 넘어갈 수 있는 단축키를 제공한다.

<p>문단문단</p>
<p></p> // 이렇게 쓰면 스크린 리더 사용자가 혼란을 줄 수 있다.

그러나 이와 같이 문단 사이에 여백을 추가하면 스크린 리더 사용자에게 좋지 않다.

문단의 존재는 알려주나, 더 읽을 내용이 없기 때문에 스크린 리더 사용자가 혼란을 느낄 수 있다.

여분의 공간이 필요하다면 css의 margin등을 사용해서 여백을 만들어라.