답변:
여러 가지 방법으로 단락을 분리 할 수 있습니다.
들여 쓰기
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur in orci pellentesque, volutpat metus eget, interdum
mauris.
Nunc faucibus lectus id libero blandit, et varius augue
vehicula. Cras eu dictum libero, a elementum velit. Fusce
ultrices malesuada elit, et convallis massa tristique in.
Vivamus vel urna eget orci tincidunt luctus eget ac tortor.
Integer faucibus ante eu mauris faucibus, sit amet tincidunt
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque
sit amet neque aliquam ultrices eget vitae urna.
빈 줄 / 공간
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur in orci pellentesque, volutpat metus eget, interdum
mauris.
Nunc faucibus lectus id libero blandit, et varius augue
vehicula. Cras eu dictum libero, a elementum velit. Fusce
ultrices malesuada elit, et convallis massa tristique in.
Vivamus vel urna eget orci tincidunt luctus eget ac tortor.
Integer faucibus ante eu mauris faucibus, sit amet tincidunt
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque
sit amet neque aliquam ultrices eget vitae urna.
Fleurons / 번창 / 아이콘 / 버그
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur in orci pellentesque, volutpat metus eget, interdum
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce
ultrices malesuada elit, et convallis massa tristique in. ~•~
Vivamus vel urna eget orci tincidunt luctus eget ac tortor.
Integer faucibus ante eu mauris faucibus, sit amet tincidunt
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque
sit amet neque aliquam ultrices eget vitae urna.
번호
1 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur in orci pellentesque, volutpat metus eget, interdum
mauris.
2 Nunc faucibus lectus id libero blandit, et varius augue
vehicula. Cras eu dictum libero, a elementum velit. Fusce
ultrices malesuada elit, et convallis massa tristique in.
3 Vivamus vel urna eget orci tincidunt luctus eget ac tortor.
Integer faucibus ante eu mauris faucibus, sit amet tincidunt
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque
sit amet neque aliquam ultrices eget vitae urna.
다른 방법뿐만 아니라 모두 유효합니다. 일반적으로 눈살을 찌푸리는 것은 약간 중복되므로 결합하는 것입니다. 단락 사이에 공백이 있으면 들여 쓰기가 실제로 단락을 구분하는 데 도움이되지 않습니다.
왜 웹에서 단락을 분리하는 기본 방법으로 빈 줄 / 공백이 나타나는지에 대한 이유는 이것이 기본값이기 때문입니다. 기본적으로 대부분의 브라우저는 전통적으로 <p>
태그 사이에 공백을 추가했습니다 . 따라서 들여 쓰기를 사용할 필요가 없었습니다. 그러나 원하는 경우 들여 쓰기를 자유롭게 사용할 수 있습니다.
이것은 주로 개인적인 취향이며 일부 사람들은 왜 사람들이 들여 쓰기 대신 드롭 캡을 사용하지 않는지 논쟁합니다. 개인적으로 단락 사이의 공백은 들여 쓰기를 가치가 있습니다.
들여 쓰기를 사용할 때의 목적에 대한 나의 이해는 사이트의 블로그 게시물과 같은 것을 쓸 때 새로운 내용 블록에만 사용됩니다. 어떤 사람들은 CMS 사이트 나 블로그를 사용할 때 여러 주제를 논의 할 때 필요한 단락에 들여 쓰기를 코딩하기가 어렵 기 때문에 헤더 태그가 분리로 사용됩니다.
이를 해결하기 위해 grep
jQuery를 사용 text-indent
하여 특정 <p>
태그 에 CSS 속성 을 추가 할 수 있습니다 . 따라서 귀하의 질문에 대답하기 위해 이것은 개인적인 취향입니다. 또한 블로그 게시물과 같은 일을 위해이 작업을 수행하고 모든 <p>
태그를 들여 쓰기 하지 않으려 는 경우 의사 요소의 첫 번째 자식을 사용할 수 있습니다.
p:first-child {
text-ident: 1.5em;
}
텍스트를 들여 쓰기해야합니까? 글쎄, 그것은 개인적인 취향의 문제이지만 내가 본 대부분의 사이트는 단락을 들여 쓰지 않습니다.
HTML의 원점을 봐야합니다
HTML이 시작될 때 표준 안내서가 없었습니다. HTML은 Berners-Lee가 만든 것으로 브라우저 및 서버 소프트웨어를 작성한 사람을 고려했습니다. 주요 조직의 사람들은 어떤 형식 명령을 사용할 수 있는지 물었습니다. 서면 텍스트의 단락에는 공백이 있으므로이를 HTML에 채택했습니다. 이것이 <p>
태그의 작동 방식입니다. 사람들은 표준 세트를 채택하고 옵션을 사용하지 않을 것입니다.
HTML 2.0 문서에서 발췌 한 내용도 있습니다
가로 탭 문자 (HTML 문서 문자 세트의 코드 위치 9)는 0이 아닌 가장 작은 양의 공백으로 해석되어야하며,이 때 줄의 문자 수는 8의 배수로 남습니다. 문서에는 탭 문자가 없어야합니다. 일관되게 지원 되지 않기 때문 입니다.
http://www.ietf.org/rfc/rfc1866.txt
워드 프로세서의 탭과 웹에서의 사용의 차이점
들여 쓰기가없는 또 다른 이유는 Tab을 사용하기 때문입니다. 워드 프로세싱 프로그램에서 우리는 탭을 사용하여 단락을 들여 쓰는 데 익숙합니다. 이것이 웹에서 작동하는 방식이 아닙니다. 90 년대 초에 양식을 만들 때 사람들은 탭 키를 사용하여 다음 필드로 건너 뜁니다. 이제 사람들은 웹에서 탭 들여 쓰기 줄을 사용하지 않고이 기능에 익숙합니다.
웹에서 단락을 들여 쓸 수없는 이유는 없습니다. 사람들은 단락에 들여 쓰기를하지 않고 수직 공간을 갖는 데 익숙합니다.
p {
text-indent: 20px;
}
textarea
필드와 관련이 있지만 사용자가 단락 키를 사용하여 단락을 읽지 않기 때문에 웹 페이지의 일반적인 단락 형식은 아닙니다. 또한 HTML은 기본적으로 공간을 만든 것이 아니라 브라우저의 단락 태그의 기본 렌더링이 기본 공간을 생성 한 것입니다 (기술적으로 중요합니다)