Странности CSS, о которых полезно знать / Блог компании RUVDS.com.
Blog. HTML5. CSS. Landing effects. Псевдо-классы. Псевдо-класс CSS это ключевое слово, добавленное к селектору, которое определяет его особое состояние.Например, :hover применит стиль, когда пользователь наводит курсор на элемент, указанный селектором. Псевдо-классы, вместе с pseudo-elements, позволят вам не только применить стиль к элементу, относящемуся к контенту дерева документа, но и к внешним факторам, таким как история навигации (:visited, например, статус контента (как :checked на некоторых элементах формы), или позиция курсора мыши ( :hover, которая дает знать, наведен ли курсор на элемент или нет. СинтаксисEdit Как читать CSS синтаксис. Список стандартных псевдо-классовEdit СпецификацииEdit Смотрите такжеEdit pseudo-elements Метки документа и участники Обновлялась последний раз:bychek.ru, Modularscale. Blowing up pixel art on the Web. Как отключить преобразование телефонных номеров в ссылки в мобильных браузерах | html5.by.
Атрибут title. Атрибут title в HTML Атрибут создаёт всплывающую подсказку при наведении курсора мышки на элемент. Внешний вид подсказки изменить нельзя. <mark title="какой-то текст">Title</mark> Содержимым атрибута может быть только текст. <mark title="строка 1 строка 2 строка 3">Title</mark> Для того, чтобы внутри title сделать кавычки, их следует заменить на специальные символы. <a href="" title=""какой-то текст"">специальные символы</a> Если нужны свойства title, но не нужно, чтобы данные были показаны человеку во всплывающей подсказке, то применяется атрибут date-*.
<div data-tel="89033000000">номер телефона</div> В JavaScript от ищется как .dataset.name <div>номер телефона</div><script> document.querySelector('div').dataset.tel = "89033000000"; </script> title не индексируется: Яндекс, Google. Title в изображениях | SEO Title в теге img учитывается только Яндексом [эксперимент Devaka]. title в ссылке: Яндекс, Google title в картинке: Яндекс, Google alt: Яндекс, Google Вывод:
Ubervu.github. Таблица символов Юникода. Easy2code. Режимы совместимости ИЕ. Делаем их адекватными | easy2code.