Що се отнася до изучаването на HTML, два маркера, които повечето хора научават рано, са таговете за абзаци и прекъсвания на редове
и
съответно. Тези маркери поставят естествени прекъсвания в текста, така че съдържанието на вашата уеб страница да се чете по-лесно. Въпреки че тези етикети са доста лесни за използване, те също могат да доведат до объркване и да бъдат злоупотребени.
Правилно използване на елемента на абзаца HTML
Абзацният елемент
се използва като двойка тагове с
етикет, отварящ елемента и
етикет, затварящ го. При писане на HTML4 или HTML5, техническият краен маркер не се изисква, но се счита за най-добра практика да се затвори този маркер. В XHTML, затварянето изисква се.Използвате елемента абзац на уебсайт по същия начин, както при писане на съдържание за нужди извън мрежата - когато искате да започнете нова идея или точка. Повечето браузъри показват абзаци с един празен ред между тях. Ето примерен абзац в HTML:
Сега е моментът всички добри мъже да се притекат на помощ на своята страна. Бързата кафява лисица прескочи мързеливото спящо куче.
Много други етикети могат да се появят между етикетите за отваряне и затваряне на абзаци.
Правилно използване на елемента за прекъсване на редове в HTML
Елементът за прекъсване на редове
таг е маркер за единичен - няма краен етикет. В XHTML трябва да използвате маркера с последна наклонена черта (
), но в HTML (включително HTML5) не се изисква.
Прекъсващият елемент е принудително прекъсване на редове в текстовия поток на уеб страницата. Използвате го, когато искате текстът да продължи на следващия ред, но съдържанието не е отделна идея или точка, което би го превърнало в друг абзац. Пример за това се случва с поезия, където прекъсванията на редове обикновено са фиксирани.
Ето пример за прекъсване на ред в абзац:
Сега е моментът всички добри мъже да се притекат на помощ на своята страна.
Бързата кафява лисица прескочи мързеливото спящо куче.
Тъй като етикетът за прекъсване на редове е единичен, в него не могат да се използват други маркери.
Често срещани злоупотреби с и
Етикети
Етикети
Хората, които са нови в кодирането, правят някои често срещани грешки с елементите за абзац и прекъсване на редове, когато маркират уеб страница.
-
Използвайки
за да промените дължината на текстов ред: Използването на етикета за прекъсване в опит да принуди текста да се появи или прекъсне по специфичен начин гарантира това страниците ви изглеждат страхотно във вашия браузър, но не непременно в друг браузър и със сигурност не във всички устройства. Ако вашият сайт е отзивчив уебсайт, той променя оформлението си въз основа на различни размери на екрана. Браузърът автоматично поставя опаковане на думи и след това, когато става въпрос за
етикет, той обгръща текста отново, което води до къси редове и дълги редове и разкъсан текст. Трябва да използвате CSS таблици със стилове да диктува визуални стилове, вместо да се опитва да форсира оформлението чрез добавяне на специфични HTML елементи. - Използвайки за да добавите интервал между елементите: Отново се обръщаме към HTML, за да създадем визуално оформление, в този случай интервал, вместо да използваме CSS. Това е често срещана практика на някои HTML редактори и макар да не е технически погрешно, то води до неудобно изглеждащ HTML и може да обърка по-късно редактиране. Също така не е в съответствие с уеб стандартите и разделянето на структурата и стила. В някои случаи, като се използва нечупване пространства вътре в противен случай празните етикети на абзаци могат да доведат до неочаквано разстояние в различните браузъри, тъй като изглежда, че всички те интерпретират това по различен начин. Най-доброто решение за постигане на разстоянието между елементите, необходими във вашия дизайн, е използването на таблици със стилове.