Пятница, 11 Мая 2012 15:24

Свойство text-indent

Written by 
Оцени эту запись
(1 Голос)

Свойство text-indent задает отступ первой строки текста от левого края блока. Значение этого свойства можно задавать в пикселях или в процентах.

 

 

 

Пример:

 

<div style="width: 200px; text-indent: 15px; border: 2px solid #7D26CD; padding: 10px;">Свойство text-indent задает отступ первой строки текста от левого края блока. Значение этого свойства можно задавать в пикселях или в процентах.</div>

 

Как видим, первая строка имеет слева отступ в 15px. Более красиво это смотрится в тексте в большим количеством абзацев:

 

Выбор названия для сайта - это очень важный пункт, который может повлиять на судьбу сайта. От того, насколько правильно и удачно вы выберете название, зависит как хорошо сайт будут поисковые системы и запоминать пользователи - ваши клиенты.При выборе названия для сайта нужно следовать некоторым рекомендациям:

В названии не должно быть пробелов, запятых, нижних подчеркиваний и т.д. Название может содержать дефис, но только в середине.

Название должно содержать название компании, ее сферы деятельности или название товара/услуги, которые предоставляет компания. Таким образом у пользователя возникнет ассоциация с направлением сайта и легче запомнится название.

Название должно быть коротким. Длинное название труднее запоминается и при наборе его с клавиутуры больше вероятность сделать ошибку.

Название должно быть простым для запоминания и легко понятым при диктовке, например, по телефону. Если название является сокращением от какой то фразы и выглядит как набор букв, то диткуя его кому-то, вам придется объяснять каждую букву.

Желательно, чтобы имя сайта начиналось с буквы, которая находится ближе к началу алфавита. Тогда в перечне сайтов в каком-либо каталоге (при сортировке по алфавиту) сайт будет находиться выше.

 

Для этого свойства есть еще одно хорошее применение - вы можете написать в блоке строку текста и вынести ее за придела видимости с помощью text-indent: -9999px. Это часто используют для варианта логотипа сайта в виде картинки. Красивый логотип - это, конечно, хорошо, но поисковые системы его не индексируют. В таком случае можно сделать так:

 

<a href="/" class="logo" style="text-indent: -9999px"><h1>Site Name</h1></a>

 

Тогда пользователи будут видеть красивый логотип, а поисковые системы - название вашего сайта в заголовке <h1>.

 

 

 

 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов