Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

октябрь 2020
Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31


Чувашия-это моя Россия

Полезный элемент span в HTML.

Элемент страниц сайта span позволяет создавать собственные элементы; разница в том, что span используется для внутристрочных элементов и не вызывает перевода строки.

Полезный элемент span в HTML( в переводе с англ. – участок или диапазон) не относится ни к элементам логической, ни физической разметки на страницах сайта. Элемент span является средством организации содержимого документа и предназначен для оформления участков текста с помощью CSS стилей.

Значит можем его использовать для горизонтальной развертки элементов страниц сайта.

Элемент < span> считают нейтральным элементом. Элемент < span> ничего не добавляет к содержимому документа на страницах Вашего сайта. Но, в сочетании с каскадной таблицей стилей CSS, < span> будет проявлять некоторые свойства и может использоваться для видимых эффектов к отдельным блокам текста.

span < span>...< /span> атрибуты ( id, class, style, title)

Подобная разметка имеет много областей применения. Наиболее часто она служит для применения таблиц стилей:

                       .dog {
                            display: inline;
                             }

Расширяются возможности элемента span в HTML при использовании идентификаторов элементов id и class.

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

< p>Элемент span в HTML позволяет < span id="ee">создавать собственные элементы; разница в том, что span используется для внутристрочных элементов и не вызывает перевода строки страниц сайта. Значит можем его использовать для горизонтальной развертки элементов. Элемент < span> считают нейтральным элементом. Элемент < span> ничего не добавляет к содержимому документа нак страницах Вашего сайта. Но, в сочетании< /span> с каскадной таблицей стилей CSS, < span> будет проявлять некоторые свойства и может использоваться для видимых эффектов к отдельным блокам текста на страницах сайта.< /p>

           < style>
                      #ee {
						  background-color: #F9F;
						  color: #F00;
						  font-size: 16px;
					  }
						  
           < /style>

Элементы < span id="ee"> с идентификаторм id="ee" теперь задаем определенные свойства при помощи стилей CSS, в данном случае малиновый цвет фона и с красными буквами текста с белой линковкой строк. Вот, смотрите результат. Получается элемент span просто оконтуривает определенную, то есть выделенную Вами облать текста или элементов и выделяет Вами назначанными свойства.

Элемент span в HTML позволяет создавать собственные элементы; разница в том, что span используется для внутристрочных элементов и не вызывает перевода строки страниц сайта. Значит можем его использовать для горизонтальной развертки элементов. Элемент < span> считают нейтральным элементом. Элемент < span> ничего не добавляет к содержимому документа нак страницах Вашего сайта. Но, в сочетании с каскадной таблицей стилей CSS, < span> будет проявлять некоторые свойства и может использоваться для видимых эффектов к отдельным блокам текста на страницах сайта.

При применении стилевых свойств к элементу < span id="ee"> и получается выделение данного участка текста нашего первого абзаца.

Самое приятное в том, что при использовании интерактивного языка JavaScript и его приложения библиотек плагинов jQuery можно заставлять этот участок оживить и проявлять все возможности веб-творчества. Ну, всему свой срок.

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

Для того чтобы стилевые элементы действовали одинаково на все элементы span напишите не id, но class, тогда на все элементы span свойства распространятся.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: