Височина на реда в HTML
Преди да започнете да изучавате тази статия, направете една малка корекция на вашия сайт (поставете тирета):
Преди няколко дни писах за рядко използвани CSS3 свойства, които могат да бъдат много полезни:
Как да определите идеалната височина на реда на HTML?
Какво е „идеална височина на линията“ ...
В типографията има "идеален" текст, който е избран по специален начин, т.е. той има оптимално коригиран размер на текста, размер между знаците, височина на реда, брой символи в ред, удебеляване на текста и т.н.
Но такъв „идеален“ текст, като в списания или книги, може да бъде направен на вашия сайт - и дори необходим! В крайна сметка това не е нищо сложно.
Ето какво получавам:
Математическите пропорции на текста оказват силно влияние върху общото впечатление на сайта, което се формира от посетителя!
Съществува т.нар, "Златно сечение" (златно сечение), което трябва да бъде намерено за вашия сайт, или по-скоро за текста на вашия сайт. Но как ще намерим това "Златно сечение"?
Магия? Не, няма да прибягваме до него
Искам да ви разкажа за една страхотна услуга, която ви позволява да изчислите идеалната височина на HTML реда. Трябва само да въведете размера на текста и дължината на реда.
Това е вид калкулатор, който показва най-оптималната опция за показване на текст за параметрите, въведени от потребителя. Присъстват и няколко шрифта. Защото за различните шрифтове - различни настройки за височина на реда, размер на текста и брой знаци на ред.
Как да използвам тази услуга?
В сайта отляво има полета за въвеждане на размера на текста, използван на вашия сайт и дължината на реда.
Що се отнася до размера на текста, мисля, че е ясно кой да въведем. Тоест въведете този, който е посочен във вашата таблица със стилове. Вижте изображението по-долу за дължината на линията:
