html5에서 문단을 나누는 것은 p 태그를 사용한다. 문단은 문장들이 모여 만들어진 하나의 작은 컨텐츠를 말한다. 이런 문단을 구분하는 것은 p 태그를 사용한다. 검색엔진에 민감한 사람들이 신경쓰는 부분도 p 태그이기도 하다. 너무 많은 신경은 정신건강에 좋지 않다.
html5 문단 태그 사용 컨텐츠 내용 표시
paragraphs tag
html에서 컨텐츠 내용을 표현하는 곳은 p 태그를 사용한다.
컨텐츠는 글과 이미지 등의 글내용을 말한다.
이런 컨텐츠의 내용을 표현하는데 있어 p 태그를 두고 h 태그를 사용하여 하나의 소제목에 따른 컨텐츠를 분류할 수 있다.
구글의 고객센터 부분을 보면 잘 알 수 있다.
블로그를 하는 사람들의 경우 html 보기를 통해 p 태그가 어떻게 사용되는지 잘 알 수 있다.
문단태그 <p>
문단 태그는 글내용을 마크업한다.
이것은 문단태그인 p 태그가 검색엔진 등에 이것은 글내용임을 알려주는 역할을 하는 것이기도 하다.
물론, SEO 의 관점에서는 그렇다.
하지만 마크업언어에서 태그들이 의미하는 것을 적절하게 사용하는 것이 좋다.
문단은 글과 글의 내용을 표현하는 것이기도 하다.
p 태그는 그런 문단을 지정하고 마크업하는 역할을 한다.
샘플 코드
말이 어렵지 코드를 보면 금방 이해할 수 있다.
p 태그는 엔터를 치는 순간 새롭게 다시 p 태그로써 둘러싸게 되어 있다.
영어 문화권의 블로그 등을 보면 이런 특성이 잘 나타나 있는데 이것은 한글과 영어의 문장 차이이기도 하다.
단순히 문단을 지정하는 태그로 알고 있는 것이 편하다.
<!-- HTML 문서임을 정의한다. -->
<!DOCTYPE html>
<!-- html 문서 시작 -->
<html>
<!-- 문서 정보 -->
<head>
</head>
<!-- // -->
<!-- 문서 내용 -->
<body>
<!-- 제목 -->
<div>
<p>html5의 문단 태그는 p 를 사용합니다.</p>
<p>모든 컨텐츠는 문단 태그인 p 태그 안에 작성됩니다.</p>
<p>모든 컨텐츠는 문단 태그인 p 태그 안에 작성됩니다.</p>
<p>
모든 컨텐츠는 문단 태그인 p 태그 안에 작성됩니다.<br/>
여러줄의 형태로 작성해도 상관없습니다.
</p>
</div>
</body>
<!-- // -->
</html>
<!-- // -->위의 html5 코드는 p 태그의 예를 단적으로 보여준다.
어떻게 작성하든 그것은 작성자의 마음이다.
적절한 예시를 알고 싶다면 구글 고객센터의 html 구조를 보는 것이 제일 좋다.
결과 화면을 보자.
밋밋하지만 각 문장들은 문단으로 구분된 것을 부여준다.
'programming > web' 카테고리의 다른 글
| html5 img 태그 웹페이지 이미지 표시 using img tag (0) | 2022.02.13 |
|---|---|
| html5 링크 a 사용 웹페이지 연결 및 이동 (0) | 2022.02.12 |
| html5 제목 표시 태그 사용 heading tag (0) | 2022.02.07 |
| doctype html 의미 html5 웹문서 선언 (0) | 2022.02.06 |
| HTML 기본 문서 살펴보기 (0) | 2022.02.04 |
댓글