'p'및 'br'태그로 공백 만들기

웹 사이트의 공간은 매우 단순한 것 같습니다. 하지만 처음 몇 번 키를 치고 페이지에 해당 정보가 나타나지 않으면 보이는 것처럼 쉽지 않다는 것을 알게됩니다.

웹 사이트에 공간을 만드는 방법에는 여러 가지가 있습니다. 처음 두 가지는 HTML 태그를 사용합니다.

...

단락 마커는 일반적으로 항목 사이에 공백을 넣습니다. 단락 나누기 역할을합니다.

그러나 여러 개의

행이 페이지를 어수선하게 정리하는 것 외에는 아무 것도하지 않습니다. 일부 편집자는 더 많은 공간을 추가 할 수있는 장소에

를 넣을 것입니다.하지만이 태그는 실제로

태그를 사용하지 않고 문자로만 표시됩니다.



태그는 텍스트 흐름에 단 하나의 줄 바꿈을 넣기위한 것입니다. 그러나 빈 공간의 긴 문자열을 작성하기 위해 연속으로 여러 번 사용할 수 있습니다. 문제는 공간의 높이와 너비를 정의 할 수 없으며 자동으로 페이지의 너비입니다.

CSS 여백 및 여백

웹 페이지 문서에 공간을 추가하는 또 다른 방법은 CSS 속성 여백과 패딩 을 사용하는 것입니다. 이것은 요소 사이에 원하는만큼의 공간을 확보하는 훨씬 더 좋은 방법입니다. 또한 문서의 세로 공간 이상에 영향을 줄 수 있습니다.

비파괴 공간 ()

마지막으로 비 분리 공간이 있습니다. 이 문자 엔티티는 브라우저가 각각 개별적으로 처리한다는 점을 제외하면 일반 텍스트 공간과 똑같이 작동합니다.

4 개를 연속으로 입력하면 브라우저는 텍스트에 4 개의 공백 을 넣습니다.

이전 브라우저는 여러 개의 공백을 렌더링하지 않을 수 있습니다.

표에서 비 단선 공백 사용

테이블을 열어두기 위해 셀에 항목을 포함시키지 않으면 테이블이 닫히거나 끊어지는 경우가 많습니다. 예 : 다음 HTML을 사용하여 30 픽셀 간격이있는 표를 만듭니다.

이 텍스트의 왼쪽에는 약간의 공간이 있어야합니다. 일부 브라우저는 올바르게 표시하지만 일부 브라우저에서는 표 너비 요청을 무시하고 왼쪽 여백과 함께 텍스트를 플러시합니다. 매우 짜증나!

테이블 열이 끊어지지 않도록하려면 비 분리 공간을 사용하십시오.

이 텍스트의 왼쪽에는 약간의 공간이 있어야합니다. 대부분의 브라우저에서 제대로 표시됩니다.