웹에서 텍스트 들여 쓰기를 사용해야합니까?


11

내 웹 사이트에 들여 쓰기 텍스트를 추가하려고 생각했지만 (첫 번째 단락 들여 쓰기) 먼저 검색하고 많은 사이트에 텍스트 들여 쓰기가 없음을 발견했습니다. 왜 그런 겁니까? 단락이 시작되는 곳이 더 명확하다고 생각했는데 왜 더 자주 사용되지 않습니까?

심각한 단점이 있습니까, 아니면 패션 / 트렌드의 문제입니까?

답변:


8

여러 가지 방법으로 단락을 분리 할 수 ​​있습니다.

들여 쓰기

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>태그 사이에 공백을 추가했습니다 . 따라서 들여 쓰기를 사용할 필요가 없었습니다. 그러나 원하는 경우 들여 쓰기를 자유롭게 사용할 수 있습니다.


2
버그가 흥미 롭습니다. 그러나 나는 그것이 유용한 것이라고 생각하지 않습니다. : o)-숫자 (imho)는 단순히 다른 단락보다 다른 것을 의미합니다.
Rafael

@Rafael의 유용성은 상황에 따라 다릅니다. :) 일반적으로 사용되지 않습니다.
DA01

글쎄 ...이 코멘트 박스에이 버그를 사용해야합니다! --- 스택 교환 : 나는 의견에 대한 낙원을 원한다! : o)
Rafael

@Rafael은 실제로 유용한 곳의 훌륭한 예입니다! :)
DA01

1
"버그"(또는 이와 유사한 것)는 많은 고대 형태의 글에 사용되었습니다. 그것들은 글쓰기 표면이 제한적이고 정보 밀도가 중요했던 당시의 단락 분리기입니다. 비슷한 상황에서 사용하는 것이 좋습니다. 추가 줄 바꿈의 대안과 비교하여 들여 쓰기는 공간을 절약합니다. 그러나 최신 웹 타이포그래피는 가독성을 위해 가능한 한 간격을 사용해야합니다.
Rich Remer 2016 년

4

이것은 주로 개인적인 취향이며 일부 사람들은 왜 사람들이 들여 쓰기 대신 드롭 캡을 사용하지 않는지 논쟁합니다. 개인적으로 단락 사이의 공백은 들여 쓰기를 가치가 있습니다.

들여 쓰기를 사용할 때의 목적에 대한 나의 이해는 사이트의 블로그 게시물과 같은 것을 쓸 때 새로운 내용 블록에만 사용됩니다. 어떤 사람들은 CMS 사이트 나 블로그를 사용할 때 여러 주제를 논의 할 때 필요한 단락에 들여 쓰기를 코딩하기가 어렵 기 때문에 헤더 태그가 분리로 사용됩니다.

이를 해결하기 위해 grepjQuery를 사용 text-indent하여 특정 <p>태그 에 CSS 속성 을 추가 할 수 있습니다 . 따라서 귀하의 질문에 대답하기 위해 이것은 개인적인 취향입니다. 또한 블로그 게시물과 같은 일을 위해이 작업을 수행하고 모든 <p>태그를 들여 쓰기 하지 않으려 는 경우 의사 요소의 첫 번째 자식을 사용할 수 있습니다.

p:first-child {
  text-ident: 1.5em;
}

역사적으로, 들여 쓰기 단락에 쉬운 방법이 없었습니다 또는 HTML에서 사용 dropcaps은. CSS가 길어지면 상황이 바뀌 었습니다.
DA01

1
그런 어두운 시대에 대해 말하지
마라

장문 (예 : 서적)에 대한 고전적인 조판에서 섹션의 첫 번째 단락에는 공백이 있고 들여 쓰기가없는 반면 나머지 단락에는 들여 쓰기가 있습니다. 제목이나 섹션 제목이 있는지 여부에 관계없이 일반적으로 수행되었습니다. 장과 같은 중요한 구분의 첫 번째 단락에는 드롭 캡 또는 조명이있는 드롭 캡이있을 수 있습니다.
RBerteig 2016 년

4

텍스트를 들여 쓰기해야합니까? 글쎄, 그것은 개인적인 취향의 문제이지만 내가 본 대부분의 사이트는 단락을 들여 쓰지 않습니다.

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;
}

1
탭 키는 약간의 청어입니다. 탭 키는 항상 필드 간을 탭하는 데 사용되었습니다. 이것은 웹보다 우선합니다. textarea필드와 관련이 있지만 사용자가 단락 키를 사용하여 단락을 읽지 않기 때문에 웹 페이지의 일반적인 단락 형식은 아닙니다. 또한 HTML은 기본적으로 공간을 만든 것이 아니라 브라우저의 단락 태그의 기본 렌더링이 기본 공간을 생성 한 것입니다 (기술적으로 중요합니다)
DA01

@ DA01 Berners-Lee가 HTML을 렌더링하는 소프트웨어와 브라우저를 만들지 않았습니까? 브라우저가 HTML을 렌더링하지만 표준을 만들지 않았다는 것을 알고 있습니다. 탭이 항상 필드 간을 탭하는 데 사용되었다는 사실이 HTML로 구현되지 않은 이유입니까? 또한 HTML이 공백을 인식하지 못한다는 사실.
AndrewH

2
그렇지만 렌더링 방법에 대한 'HTML 표준'은 없었습니다. 그는 특정 브라우저에서 단락 사이에 여분의 간격을 사용하기로 결정했습니다. 다른 브라우저는이 기본값을 채택했지만 HTML 내에서 어떤 종류의 표준도 선언하지 않았습니다.
DA01
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.