HTML5 Placeholder сілтемелері дегеніміз не?
idUp дейін HTML5, тегтің бір төлсипаты қажет: href. Бірақ HTML5 бұл төлсипатты қосымша емес етеді. Тегті атрибутсыз жазғанда, ол толтырғыш сілтемесі деп аталады.
Толтырғыш сілтемесі келесідей:
АлдыңғыӨрлеу кезіндегі Placeholder байланыстарын пайдалану
Әр веб-дизайнер веб-сайтты жобалау және құру кезінде толтырғыш сілтемелерді бір уақытта немесе басқасына жасады. HTML5 алдында біз келесідей жаздық:
мәтінді сілтеметолтырғыш ретінде. Мен клиентке тек қана клиенттің «мәтіндегі сілтемелер неге жұмыс істемейді?» Деп сұрайтыны үшін, клиенттерге тек қана алушыларға жібере аламын.
Хэштегті (#) толтырғыш сілтемесі ретінде қолдану проблемасы сілтеме басу мүмкіндігі болып табылады және бұл сіздің клиенттеріңізге шатасуы мүмкін. Егер біреу оларды дұрыс URL мекенжайымен жаңартуды ұмытып қалса, бұл сілтемелер тірі торапта сынған болуы мүмкін, себебі олар ештеңеге байланыстырылмайды.
Оның орнына тегтерді қандай да бір атрибуттарсыз қолдануға болады. Сіз оларды беттің кез-келген басқа сілтемесі ретінде көрсету үшін стиль жасай аласыз, бірақ олар тек толтырғыштар болғандықтан, олар басылмайды.
Тұрақты сілтемелерді Live сайттарында пайдалану
Дегенмен, толтырғыш байланыстары веб-дизайнда жай ғана дамудан гөрі орын алады. Толтырғыш байланысының бір жері навигацияда болады. Көптеген жағдайларда веб-тораптың навигациялық тізімінде сіз қай бетіңіз бар екенін көрсете аласыз. Олар көбінесе «сіз осындасыз» деп аталады.
Көптеген сайттар «Сіз осындасыз» маркеріне қажет элементке id атрибуттарына сүйенеді, бірақ кейбіреулері сынып төлсипатын қолданады. Дегенмен, қандай да бір атрибуцияңызды қолдансаңыз, навигацияны қамтитын әрбір параққа дұрыс атрибутты дұрыс элементтерден қосып, алып тастау керек.
Толтырғыш сілтемесімен сіз өзіңізге қажетті навигацияны жаза аласыз, содан кейін бетке шарлауды қосқанда, href атрибутын тиісті сілтемеден алып тастай аласыз. Мен бүкіл навигациялық тізімімді редакторымның үзіндісі ретінде сақтаймын, сондықтан бұл тез көшірме-паста болып табылады, содан кейін href-ді жою. Сіз сондай-ақ CMS-ді бірдей нәрсені жасай аласыз.
Толтырғыш сілтемесіне арнайы стильдеуді (Мен сізге төмендегіні көрсетемін) қоспағанда, сілтеме басылмайды. Осылайша, тұтынушылар навигациялық сілтемеге нұқсан келсе, олар басқа нәрсе ала алады деген оймен шатастырмайды.
Сәндік-орындық сілтемелері
Толтырғыш сілтемелері веб-беттегі басқа сілтемелерден әртүрлі стильде және стильде оңай. Тек тегтің және а: сілтеме тегінің стилін ұмытпаңыз. Мысалға:
a {түсі: қызыл; қаріптің салмағы: қалың; мәтінді безендіру: жоқ; } a: link {color: blue; қаріптің салмағы: қалыпты; мәтінді безендіру: астын сызу; }Бұл CSS астыңғы жағы жоқ, толтырғыш байланыстарын батыл және қызыл етіп жасайды. Тұрақты сілтемелер әдеттегі салмақ, көк және асты сызылған болады.
Тегтен тасымалданғыңыз келмейтін кез келген мәнерлерді қалпына келтіруді ұмытпаңыз. Мысалға, мен толтырғыш сілтемелері үшін қалың қаріп салмағын орнаттым, сондықтан мен оны орнату керек болды:
қаріптің салмағы: қалыпты;стандартты сілтемелер үшін. Мәтіндік декорациямен де солай болады, оны селектормен алып тастасаңыз, оны кері қайтармаған болсам, ол сілтеме селекторына арналған еді.