Създаване на прекъсвания и абзаци с маркери с P & BR

Когато става въпрос за учене на HTML, два от таговете, които повечето хора учат в началото, са маркерите за разделяне на абзаци и линии, които са

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

Правилно използване на елемента на HTML абзаца

Елементът от параграфа

се използва като двойка тагове с

маркер, отварящ елемента и

маркер, който го затваря. При писането на HTML4 или HTML5 крайният маркер технически не се изисква, но се счита за най-добрата практика да се затвори този маркер. В XHTML, затварянето

изисква се.

Използвате елемента на абзаца на уебсайт по същия начин, както когато правите писане на съдържание за нуждите извън уеб пространството - когато искате да започнете нова идея или точка. Повечето браузъри показват параграфи с един празен ред между тях. Ето пример в HTML:

Сега е времето всички добри хора да дойдат в помощ на своята страна. Бързият кафява лисица скочи над мързеливото спящо куче.

Много от маркерите могат да се показват между маркерите за отваряне и затваряне на параграфа.

Правилно използване на елемента за прекъсване на

Елементът за прекъсване на линията
маркер е маркер за единичен тон - няма крайен маркер. В XHTML трябва да използвате маркера с последна наклонена черта (
), но в HTML (включително HTML5) не е задължително.

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

Ето един пример за прекъсване на реда в един параграф:

Сега е времето всички добри хора да дойдат в помощ на своята страна.
Бързият кафява лисица скочи над мързеливото спящо куче.

Тъй като маркерът за прекъсване на линия е маркер за единичен код, в него не могат да се използват други маркери.

Общи злоупотреби на

и
Tags

Хората, които са нови, за да кодират, правят някои често срещани грешки с елементите на параграфа и линиите при маркиране на уеб страница.

• Използвайки
  за да промените дължината на текстовата линия: Използването на маркера за прекъсване в опит да принудите текста да се показва или да се прекъсне по определен начин гарантира, че страниците ви изглеждат страхотно на вашия браузър, но не непременно на друг браузър и със сигурност не на всички устройства. Ако сайтът Ви е отзивчив уебсайт, той променя оформлението си въз основа на различни размери на екрана. Браузърът автоматично поставя дума за обвиване, а след това, когато става дума за
  таг, той обвива текста отново, което води до къси линии и дълги линии и накъсан текст. Трябва да използвате CSS стилове, за да диктувате визуални стилове, вместо да се опитвате да принудите оформлението, като добавите конкретни HTML елементи.
• Използвайкиза да добавите интервал между елементите: Още веднъж, това се превръща в HTML, за да създадете визуално оформление, в този случай разстояние, вместо да използвате CSS. Това е често срещана практика на някои HTML редактори и макар че не е технически погрешна, това води до неловко изглеждащ HTML и може да бъде объркващо да се редактира по-късно. Също така не е в съответствие с уеб стандартите и отделянето на структурата и стила. В някои случаи използването на неразрешими интервали в иначе празни маркери за параграфи може да доведе до неочаквано отстояние в различни браузъри, тъй като всички те тълкуват различно това. Най-доброто решение за постигане на разделителните елементи, необходими във вашия дизайн, е да използвате стилови листа.

Научете повече за тези и други маркери в този списък с HTML маркери.