A Beginner's Guide to HTML5 Placeholder Links

Որոնք են HTML5 տեղադրիչի հղումները:

idUp մինչեւ HTML5, ապա պիտակը պահանջում է մեկ հատկանիշ `href: Սակայն HTML5- ն նույնիսկ այդ հատկանիշն է ընտրում: Երբ գրեք պիտակը առանց որեւէ հատկանիշների, այն կոչվում է հոլդինգի հղում:

Հոլդինգի հղումը նման է հետեւյալին.

Նախորդ

Օգտագործելով տեղադրման կապերը զարգացման ընթացքում

Գրեթե յուրաքանչյուր վեբ դիզայներ մի կայքէջի նախագծում եւ կառուցում կատարելիս ստեղծել է հոլդինգի հղումներ մեկ կամ մի քանի անգամ: Նախքան HTML5- ը գրելու էինք.

հղում տեքստ

որպես տեղապահ: Եվ ես տեղյակ եմ, որ հաճախորդները հաճախորդների հետ տեղյակ պահեն, որպեսզի հաճախորդը ինձ հարց տա, «ինչու չէ տեքստում հղումները»:

Hashtag (#) որպես տեղահանումի հղման օգտագործման խնդիրը այն է, որ հղումը սեղմելի է, եւ դա կարող է առաջացնել շփոթություն ձեր հաճախորդների համար: Եվ, եթե որեւէ մեկը մոռանում է դրանք ճշգրիտ URL- ներով թարմացնել, ապա այդ հղումները կարող են կոտրվել կենդանի կայքում, քանի որ նրանք ոչինչ չեն կապում:

Փոխարենը, դուք պետք է օգտագործեք պիտակները առանց որեւէ հատկանիշների: Դուք կարող եք ոճավորել դրանք ձեր էջում ցանկացած այլ հղումի նման, բայց դրանք չեն կարող սեղմել, քանի որ դրանք պարզապես տեղադրողներ են:

Օգտագործելով Placeholder Հղումներ `կենդանի կայքերում

Սակայն տեղային կապերը վեբ դիզայնի տեղ ունեն, քան պարզապես զարգացումը: Մի տեղ, որը կարող է փայլել տեղադրիչի հղումը գտնվում է նավարկության մեջ: Շատ դեպքերում, վեբ կայքի նավիգացիոն ցուցակները որոշակի ձեւով նշում են ձեր էջը: Սրանք հաճախ կոչվում են «դու այստեղ ես»:

Շատ կայքերն ապավինում են id attributes վրա այն տարրին, որը կարիք ունի «դու այստեղ ես», բայց ոմանք օգտագործում են դասի հատկանիշը: Այնուամենայնիվ, ինչ որ հատկանիշ եք օգտագործում, դուք պետք է մի փունջ կատարեք այն յուրաքանչյուր էջի վրա, որն ունի նավիգացիա, ավելացնելով եւ հեռացնում է հատկությունը ճիշտ տարրերից:

Տեղահետքային կապով դուք կարող եք գրել ձեր նավարկությունը, սակայն ցանկանում եք, ապա պարզապես հեռացնել href հատկանիշը համապատասխան հղումից, երբ դուք ավելացնում եք նավիգացիայի էջը: Ես պահում եմ իմ ամբողջ նավարկղային ցուցակը որպես խմբագրիչի խմբագիրիս, այնպես որ դա պարզապես արագ պատճեն-կպցնելն է, ապա ջնջել href- ը: Դուք կարող եք նաեւ ստանալ ձեր CMS- ին նույն բանը:

Բացի դրանից, հատուկ ոճավորումը (ես ցույց կտամ ձեզ, թե ինչպես ստորեւ) մի տեղահանումի հղումը, հղումը սեղմելի չէ: Այսպիսով, հաճախորդները չեն շփոթում մտածել, որ նրանք կարող են ինչ-որ բան ստանալ, եթե նրանք սեղմեք նավարկության հղմանը, որտեղ նրանք ներկայումս են:

Styling Placeholder Հղումներ

Տեղադրական կապերը հեշտությամբ ոճով եւ ոճով տարբեր են ձեր վեբ էջի այլ հղումներից: Պարզապես պետք է համոզվեք, որ ոճը այնպես էլ պիտակը եւ ա: հղում տեքստը: Օրինակ:

ա {գույնը `կարմիր; տառատեսակ - քաշ: շեղված; տեքստերի ձեւավորում `ոչ; } a: հղում {գույնը `կապույտ; font-weight: նորմալ; տեքստի ձեւավորում. ընդգծում; }

Այս CSS- ն կհստակեցնի հստակ եւ կարմիր տողադարձային հղումներ, առանց ընդգծելու: Չնայած կանոնավոր հղումները կլինեն նորմալ քաշի, կապույտ եւ ընդգծված:

Հիշեք այնպիսի ոճերի վերակայման մասին, որոնք չեք ցանկանում տեղափոխվել պիտակներից: Օրինակ, ես տեղադրեցի տառատեսակի կշիռը, որպեսզի համարձակ լինեմ հոլդինգի հղումների համար, ուստի ստիպված էի կարգավորել այն.

font-weight: նորմալ;

ստանդարտ հղումներով: Նույնը վերաբերում է տեքստի ձեւավորմանը, այն վերացնելով ընտրիչին, այն կլիներ հանվել է հղման ընտրության համար, եթե ես չվերցնեի այն: