Што HTML5 Спасылка запаўняльніка для?
idUp да HTML5, то тэг не патрабуецца адзін атрыбут: HREF. Але HTML5 робіць нават гэты атрыбут неабавязковы. Калі вы пішаце тэг без якіх-небудзь атрыбутаў, яно называецца спасылкай запаўняльніка.
Спасылка запаўняльніка выглядае наступным чынам:
ПапярэдніВыкарыстанне PlaceHolder спасылкі ў працэсе распрацоўкі
Амаль кожны вэб-дызайнер стварыў шаблонныя спасылкі на той ці іншы момант у працэсе распрацоўкі і стварэння вэб-сайта. Перад тым як HTML5, мы павінны напісаць:
тэкставую спасылкуяк запаўняльнік. І я паслаў макет сайты кліентаў з тымі запаўняльнікамі толькі, каб кліент пытаецца мяне «чаму не спасылкі ў тэксце працы?»
Праблема з выкарыстаннем хэштэгу (#) у якасці злучнага звяна запаўняльнікам з'яўляецца тое, што спасылка клікабельнасць, і гэта можа прывесці да блытаніны для вашых кліентаў. І, калі хтосьці забывае абнаўляць іх з правільнымі URL, гэтыя спасылкі могуць апынуцца зламаным на жывым сайце, таму што яны не спасылаюцца ні да чаго.
Замест гэтага, вы павінны пачаць выкарыстоўваць тэгі без якіх-небудзь атрыбутаў. Вы можаце стыль гэта паглядзець, як і любую іншую спасылку на старонцы, але яны не будуць інтэрактыўнымі, таму што яны проста запаўняльнікі.
Выкарыстанне PlaceHolder Спасылкі на жывых сайтах
Але запаўняльнікі спасылкі маюць месца ў вэб-дызайне для больш справядлівага развіцця. Адно месца, што сувязь запаўняльніка можа сьвяціць ў навігацыі. У многіх выпадках, спісы вэб-навігацыі ёсць спосаб ўказанні, на якой старонцы вы знаходзіцеся. Іх часта называюць «Вы тут» паказчыкі.
Большасць сайтаў выкарыстоўваюць ідэнтыфікатар атрыбуты элемента, які мае патрэбу ў «вы тут» маркер, але некаторыя выкарыстоўваюць атрыбут класа, а таксама. Аднак, незалежна ад атрыбутаў вы карыстаецеся, вы павінны зрабіць кучу працы на кожную старонку, якая мае навігацыю па ім, даданне і выдаленне атрыбуту з правільных элементаў.
У спасылцы запаўняльніка, вы можаце напісаць навігацыі, аднак вы хацелі, а затым проста выдаліць HREF атрыбут з адпаведнай спасылкі пры даданні навігацыі да старонкі. Я захоўваю мой ўвесь спіс навігацыі ў якасці сниппета ў маім рэдактары, так што гэта проста хуткі копипаст, а затым выдаліць HREF. Вы таксама можаце атрымаць CMS, каб зрабіць тое ж самае.
І, акрамя таго, дадаўшы спецыяльны стыль (я пакажу вам, як ніжэй) спасылку запаўняльніка, ссылка не клікабельнасць. Так што кліенты не заблытацца, думаючы, што яны маглі б атрымаць нешта яшчэ, калі яны націскаюць на спасылку навігацыі, дзе яны ў цяперашні час знаходзяцца.
Спасылкі Styling запаўняльніка
Спасылкі запаўняльніка лёгка стыль і стыль адрозніваецца ад іншых спасылак на вэб-старонцы. Проста пераканайцеся, што стыль як тэг і а: спасылка тэг. Напрыклад:
а {колер: чырвоны; напісанне шрыфта: тоўсты; тэкст-аздабленне: няма; } А: спасылка {колер: сіні; напісанне шрыфта: нармальны; тэкст-аздабленне: падкрэсліць; }Гэты CSS зробіць запаўняльнікі спасылкі тлустым шрыфтам і чырвоным колерам, без падкрэслівання. У той час як звычайныя спасылкі будуць нармальным вагой, сінім колерам і падкрэсьліваньнем.
Не забудзьцеся скінуць любыя стылі вы не хочаце быць перанесеныя з тэга. Напрыклад, я ўсталяваў напісанне шрыфта паўтлусты для запаўняльнікаў спасылак, так што мне прыйшлося ўсталяваць яго:
напісанне шрыфта: нармальны;для стандартных спасылак. Тое ж самае ставіцца і да тэкставых дэкарыравання, выдаліўшы яго з селектарам, ён быў бы выдалены для а: селектар спасылак, калі б я не паклаў яго назад.