Трикове с псевдо - целеви
Псевдо: мишена (цел) избира елемент в документа, който показва част от URL. Например, тази част от текста увити елемент с ID # мишена-тест. Ако кликнете върху целевата-теста на връзката #. този елемент ще бъде целта и псевдо-стилове: мишена ще влезе в сила.
Миналата година писах за псевдо-класове: мишена в член 5 от неизползван селектори CSS (и тяхното приложение). Първият пример е използването на псевдо: целта на раздела за подсветка на страницата, на която да се направи прехода. Това може да бъде, например, за да добавите цвят на фона или на границата, както и в целевия-тест например #.
Пример №1: покривност и показва съдържание
Пример №2: прибиращ навигация
Следващият пример е създаването на слайдшоу от лентата за навигация. Сложихме навигационния панел фиксирани по отношение на обхвата, за да гарантира, че няма скокове, след като потребителят кликне.
Пример №3: прозорец модален изскачащ
можем да създадем модален прозорец Разработване на тази идея, която изпълва цялата страница.
Пример №4: променящите се глобални стилове
Последният пример не може да се нарече истински от гледна точка на семантиката, е използването на псевдо: Целта на елемента
последвана от подмяна на стилове и оформлението на страницата.Какво ще кажете за семантиката и достъпността?
Както споменах в статията "връзка или бутон." използване на елемент браузър очаква преминаването към друга страница или друга част на страницата. В моите примери (с изключение на последния), това е, което се случва. Само трик е, че в нормално състояние т stilizuemy е скрита, то динамично poyavletsya просто се съсредоточи състояние.
Доколкото мога да кажа, този метод има две потенциални недостатъци:
- Промяна на URL, който може да оказва влияние върху историята на браузъра. Това означава, че когато потребителят навигира "назад", той може да отиде в по невнимание елемента цел.
- Потребителите се приканват да отиде да затвори елемента обект към друг елемент или просто #. Последният вариант (който аз използвам в моите примери) не е семантично и да пренасочим потребителя в началото на статията, до които потребителят може да не е готов.