또는 : 내 HTML이 모두 고대 스크롤처럼 함께 움직이는 이유는 무엇입니까?
따라서 기본 HTML 개념 과 기본 HTML 태그를 배웠고 일부 HTML 을 CMS에 붙여 넣기로 결정했습니다. 불행히도, 당신의 기사는 함께 달렸습니다. 모든 것은 단락입니다! 어떻게 된 거예요?
당황하지 마십시오. 브라우저가 줄 바꿈을 해석하는 방법을 이해하면이 문제를 빨리 해결할 수 있습니다. 또는 적어도 간단히 해결할 수 있습니다.
브라우저가 대부분의 공백을 무시합니다.
HTML은 일반 텍스트를 마크 업하는 것에 관한 것입니다. 텍스트가 parchmentq에 있었을 때, 평범한 텍스트가 거대한 블록으로 함께 움직였습니다. 오늘날 우리는 텍스트를 단락 으로 나눕니다.
단락에 대해 많이 생각하지 않아도됩니다. 그들은 단지 일어난다. ENTER 키를 누르면 그 것입니다.
그러나 HTML은 다릅니다. 브라우저는 중요하지 않은 정보를 걸러 내기 위해 노력합니다. 어떻게 작동하는지 이해해야 혼동하지 않습니다.
전체 공백을 입력한다고 가정 해보십시오.
나는 ee cummings와 같은 느낌이 든다.당신의 조잡한 브라우저는이 선명한 표현을 줄 것입니다 :
나는 ee cummings와 같은 느낌이 든다.
우리는 더 이상 단어가 아닙니다, 토토. 브라우저 는 여분의 간격을 무시 합니다. 여러 공간을 하나의 공간으로 축소합니다.
브라우저는 줄 바꿈 도 무시합니다 .
나는 ee cummings와 같은 느낌이 든다. 그러나 모두는 대문자를 어떻게해서든지 싫어한다.브라우저가 다음을 수행합니다.
나는 ee cummings와 같은 느낌이 든다. 그러나 모두는 대문자를 어떻게해서든지 싫어한다.
당신이 워드 프로세서 세계에서 온다면,이 행동은 놀랄 수 있습니다. 실제로, 그것은 당신에게 많은 자유를줍니다.
단락
하지만 아마 단락을 원할 것입니다. 여기에 있습니다 :
및 .
단락입니다.
이것은 같은 줄에 있지만 다른 단락입니다. 그리고 방금 두 줄 바꿈을 입력 했음에도 불구하고 여전히 두 번째 단락의 일부입니다. 이제 두 번째 단락을 닫습니다.
및 태그를주의 깊게보고 브라우저가하는 것을보십시오.
이것은 단락입니다. 같은 줄에 있지만 다른 단락입니다. 그리고 방금 두 줄 바꿈을 입력 했음에도 불구하고 여전히 두 번째 단락의 일부입니다. 이제 나는 단락 2를 닫을 것이다.
만나다? 브라우저는 줄 바꿈을 완전히 무시합니다. 태그에만 관심이 있습니다.
일반적으로, 당연히, 단호한 선택은 단락을 줄 바꿈과 일치시키는 것입니다.
단락입니다.
이것은 다른 단락입니다.
그러나 줄 바꿈은 단지 당신을위한 것입니다. 브라우저는이를 무시합니다.
태그를 추가하는 것은 지루할 수 있습니다. 이탤릭체를 여기 저기에 추가하는 것이 한 가지입니다. 새로운 단락을 시작할 때마다 태그를 추가해야하는 또 다른 방법입니다.
하지만 기다려! 희망이있다! 워드 프로세서로 고함 치지 마십시오.
귀하의 CMS는 빈 라인을 존중할 수 있습니다.
다행히도 일부 CMS는 자동으로 단락 태그 를 삽입 할 수 있도록 설계되었습니다. 단락 사이에 빈 줄을 삽입하면 CMS가 나머지 작업을 수행합니다.
이것은 단락입니다. 태그가 없습니다! 그리고 또 다른 단락이 있습니다.CMS에이 기능이 있으면 다음을 얻게됩니다.
이것은 단락입니다. 태그가 없습니다! 여기 또 다른 단락이 있습니다.
왜이게 효과가 있니? CMS가 기사를 웹 페이지 로 뱉어 내기 전에 필요한
태그를 추가합니다.
CMS가이 작업을 자동으로 수행합니다. 그렇지 않은 경우이 기능을 사용할 수 있습니다.
단락의 경우 Enter를 두 번 누르십시오.
워드 프로세서에서는 단락 사이에서 한 번만 ENTER를 누르십시오. 단락은 한 줄이지만 워드 프로세서는 단락을 래핑합니다.
HTML에서는 단락 사이에서 Enter 키를 두 번 누르기 를 원합니다. CMS가
태그를 자동으로 추가하면 빈 줄이 예상됩니다.
HTML 줄 바꿈이 다른 경우
브라우저에서는 단락에 공간이 있습니다. 다음 줄 앞에 공백을 두지 않고 줄을 끝내고 싶다면 어떻게해야할까요? 문제 없어. 줄 바꿈 태그가 있습니다.