Դրոշներից մեկը, որը դուք կսովորեք վաղ վեբ դիզայնի կրթության մեջ, մի քանի տառեր հայտնի են որպես «շեշտադրման նշաններ»: Եկեք նայենք, թե ինչ են այս պիտակները եւ ինչպես են դրանք օգտագործվում վեբ դիզայնի վրա:
Վերադառնալ XHTML
Եթե դուք սովորել HTML տարի առաջ, HTML5- ի առաջ բարձրանալուց առաջ, հավանաբար օգտագործեցիք թե թավջութակի, թե դրոշակակիր պիտակները: Ինչպես ակնկալել եք, այդ պիտակները տարրեր են դարձել համարձակ տեքստի կամ տեքստային տեքստի մեջ: Այս պիտակների հետ կապված խնդիրը եւ ինչու են դրանք մի կողմ քաշվել նոր հպատակների համար (որոնք մենք շուտով կանդրադառնանք) այն է, որ դրանք սեգանտիկ տարրեր չեն: Դա է պատճառը, որ նրանք սահմանում են, թե ինչպես պետք է տեքստը չտեսնեն, քան տեքստի մասին տեղեկատվությունը: Հիշեք, որ HTML- ը (որտեղ այդ պիտակները գրվելու են) բոլորը կառուցվածքի մասին չէ, այլ տեսողական ոճ: Վիզուալները վարվում են CSS- ի կողմից եւ վեբ դիզայնի լավագույն փորձը երկար ժամանակ անցկացրեց, որ դուք պետք է ունենաք ոստայնի էջերի ոճն ու կառուցվածքը հստակ տարանջատումը: Սա նշանակում է ոչ թե կիրառելի տարրեր, որոնք ոչ սիմվոլիկ են եւ ոչ էլ կառուցվածքային, այլ մանրամասն: Ահա թե ինչու համարձակ եւ շեղագիր տառերը հիմնականում փոխարինվել են ուժեղ (համարձակ) եւ շեշտադրմամբ (շեղագիր համար):
& lt; strong & gt; եւ & lt; em & gt;
Հզոր եւ շեշտադրման տարրերը լրացնում են ձեր տեքստը, մանրամասնելով բովանդակությունը, որը պետք է տարբեր կերպ վարվի, եւ ընդգծվի, երբ այդ բովանդակությունը խոսում է: Դուք օգտագործում եք այս տարրերը բավականին նույն ձեւով, որ դուք անցյալում օգտագործել եք համարձակ եւ շեղագիր: Պարզապես ընդգրկեք ձեր տեքստը բացման եւ փակման պիտակներով ( եւ շեշտադրման համար եւ եւ ուժեղ շեշտադրման համար) եւ կցուցադրվի կցված տեքստը:
Դուք կարող եք բեռնել այս պիտակները եւ կարեւոր չէ, թե որն է արտաքին պիտակը: Ահա մի քանի օրինակ:
Այս տեքստը ընդգծված է եւ բրաուզերների մեծ մասը դա ցույց է տալիս որպես շեղագիր: Այս տեքստը հստակորեն ընդգծված է եւ բրաուզերների մեծամասնությունը այն համարում է համարձակ տեսակի:Այս երկու օրինակներում էլ մենք HTML- ով չենք թելադրում տեսողական տեսք: Այո, պիտակի ստանդարտ տեսքը կարող է շեղ սեւեռել եւ համարձակ կլիներ, բայց այդ տեսքը կարող է հեշտությամբ փոխվել CSS- ում: Սա երկու աշխարհների լավագույնն է: Դուք կարող եք օգտագործել լռելյայն զննարկիչի ոճերը `ձեր փաստաթղթում շեղագրված կամ համարձակ տեքստ ստանալու համար, առանց իրականում անցնելու գիծը եւ կառույցը եւ ոճը խառնելը: Ասեք, որ ցանկանում եք, որ տեքստը ոչ միայն համարձակ լինի, այլ նաեւ լինի կարմիր, դուք կարող եք ավելացնել այս CSS- ին
ուժեղ {
գույնը `կարմիր;
}
Այս օրինակում, դուք կարիք չեք ունենա հատկություն համարձակ տառատեսակի քաշի համար ավելացնել, քանի որ այն կանխադրված է: Եթե դուք չեք ցանկանում, որ դա պատահի, ապա միշտ կարող եք ավելացնել այն.
ուժեղ {
տառատեսակ - քաշ: շեղված;
գույնը `կարմիր;
}
Այժմ դուք ամեն ինչ կստանաք, սակայն երաշխավորված եք, որ պիտակը օգտագործվում է այնտեղ, որտեղ կարող եք ունենալ տիտղոսաթերթ (եւ կարմիր):
Կրկնակի շեշտադրմամբ
Մի բան, որը ես նկատեցի տարվա ընթացքում, այն է, ինչ տեղի է ունենում, եթե դուք փորձում եք կրկնապատկել շեշտը: Օրինակ:
Այս տեքստը պետք է ունենա շեղ ձեռագիր եւ շեղարկված տեքստը:Դուք կարծում եք, որ այս տողը կհանգեցնի այն տարածք, որը տառատեսակ է, որը համարձակ ու շեղ է: Երբեմն սա տեղի է ունենում, բայց ես տեսել եմ, որ որոշ զննարկիչներ միայն պատիվ են բերում երկու շեշտադրման ոճերի երկրորդին, մեկը, որը մոտ է հենց տվյալ տեքստին, եւ միայն դրսեւորում է դա շեղագիր: Սա պատճառներից մեկն է, որ ես չեմ շեշտադրում տառերի վրա:
Այս «կրկնապատկումը» խուսափելու եւս մեկ պատճառ է ստիլիստական նպատակների համար: Շեշտադրման մեկ ձեւ, եթե սովորաբար բավարար դառնա այն տոնը, որը ցանկանում եք սահմանել: Դուք պետք չէ համարձակվել, շեղարկել, գույնը, ընդլայնել եւ ընդգծել տեքստը, որպեսզի այն առանձնանա: Այդ տեքստը, բոլոր այդ տարբեր շեշտադրումները, կդառնա գարշելի: Այսպիսով, զգույշ եղեք շեշտադրման պիտակների կամ CSS ոճերի օգտագործման համար, շեշտը դնելով եւ չտեսնել այն:
Բավական եւ գրվածքի մասին գրություն
Մեկ եզրակացություն, այնուհանդերձ, համարձակ () եւ շեղագիր () պիտակները այլեւս խորհուրդ չեն տրվում օգտագործել որպես շեշտադրման տարրեր, կան որոշ վեբ դիզայներներ, որոնք օգտագործում են այս պիտակը դեպի տեքստի ոճային դաշտերը: Հիմնականում նրանք օգտագործում են այն որպես տարր: Դա լավ է, քանի որ պիտակները շատ կարճ են, բայց այս տարրերը օգտագործելով այս ձեւով, ընդհանուր առմամբ խորհուրդ չի տրվում: Ես նշում եմ այնտեղ, երբ այնտեղ տեսնում եք որոշ կայքերի վրա, որոնք օգտագործվում են ոչ թե գրեթե կամ գրված տեքստի ստեղծման համար, այլ CSS տեսք ստեղծելու այլ տեսակի տեսողական ձեւավորման համար:
Իրական հոդվածը Ջենիֆեր Քրինինն է: Վերափոխվել է Ջերեմի Գիրարդը 12/2/16 թ .: