Пишете в HTML: Параметри и разстояния

Или: Защо ми HTML кодът се изпълнява заедно като древна превъртане?

Значи сте научили основните HTML концепции и някои основни HTML тагове и сте решили да поставите HTML в CMS . За съжаление статията ви се събра. Всичко е един абзац! Какво стана?

Не се паникьосвайте. Разберете как браузърът ви интерпретира прекъсвания на линия и ще го коригирате бързо ... или поне просто.

Браузърите пренебрегват най-бялото пространство

HTML е за маркиране на обикновен текст. Обратно, когато текстът беше на пергамент, обикновеният текст се събра в гигантски блокове. Днес разбиваме текста в параграфи .

Може да не мислите много за параграфите. Просто се случват. Натискате ENTER и това е всичко.

Но HTML е различен. Браузърът се опитва да филтрира информация, която не изглежда важна. Трябва да разберете как работи това, за да не се объркате.

Да предположим, че напишете цял куп пространства:

Чувствам се като скъпа

Прозайчният ви браузър ще ви даде този отчет:

Чувствам се като скъпа

Вече не сме в Word, Тото. Браузърите пренебрегват допълнително разстояние . Те намаляват множество пространства до едно пространство.

Браузърите също така ще пренебрегнат прекъсванията на линиите ви .

Чувствам се като купища, но всички все пак мразят КАПИТАЛИ онлайн.

Вашият браузър прави това:

Чувствам се като купища, но всички все пак мразят КАПИТАЛИ онлайн.

Ако идвате от света на текстообработващите процеси, това поведение може да бъде изненадващо. Всъщност тя ви дава голяма свобода.

Параграфи

Но вие все още искате параграфи. Тук те са:

и .

Това е параграф.

Това е друг параграф, въпреки че е на същия ред. И въпреки, че току-що влязох в два прекъсвания, това все още е част от параграф две. Сега ще затворя втората част.

Погледнете внимателно маркерите

и , след което вижте какво прави браузърът.

Това е параграф. Това е още един параграф, въпреки че е на същия ред. И въпреки, че току-що влязох в два прекъсвания, това все още е част от параграф две. Сега ще затворя втората част.

Виждаш ли? Браузърът наистина напълно пренебрегва прекъсванията ви. Тя само се интересува от таговете.

Обикновено, разбира се, нормалният избор е да съответства на параграфите ви с прекъсвания на линиите:

Това е параграф.

Това е друг абзац.

Но прекъсванията на линия са само за вас. Браузърът ги игнорира.

Добавянето на куп от маркери

може да бъде досадно. Едно нещо е да добавите курсив тук и там. Друго е, че трябва да добавяте маркери всеки път, когато започнете нов параграф.

Но почакай! Има надежда! Не върйте крещи обратно към вашия текстов редактор.

Вашата CMS може да спазва вашите празни линии

За щастие, някои CMSs са предназначени да вмъкват автоматично маркери за пейзажи за вас, зад кулисите. Можете просто да вмъкнете празен ред между параграфите, а CMS прави останалото.

Това е параграф. Няма тагове! И тук е друг абзац.

Ако вашата CMS има тази функция, ще получите:

Това е параграф. Няма тагове! И ето друг параграф.

Защо работи това? Преди CMS да изплюе статията ви като уеб страница , тя добавя необходимите маркери

.

Вашата CMS вероятно ще направи това автоматично. Ако не го направите, може да сте в състояние да включите тази функция.

Натиснете ENTER два пъти за параграф

В текстообработващ процес обикновено натиснете ENTER само веднъж между параграфите. Параграфите са само един ред, но текстообработващият ги обвива.

В HTML искате да натиснете два пъти ENTER между параграфите . Ако вашата CMS добавя

тагове автоматично, вероятно очаква празен ред.

HTML прекъсванията на линията са различни

В браузъра параграфите имат интервал между тях. Какво ще стане, ако просто искате да завършите линия, без да има място преди следващия ред? Няма проблем. Има маркер за прекъсване на линия.