Веб-дизайн біліміңізде ерте үйренетін тегтердің бірі - «emphasis tags» деп аталатын тегтер. Келіңіздер, осы тегтердің не екенін және оларды веб-дизайнда қалай қолданылатындығын қарастырайық.
XHTML-ге оралу
Егер сіз HTML жыл бұрын HTML5 үйренуін білсеңіз, сіз батыл және курсивтік тегтерді қолданған боларсыз. Сіз күткендей, бұл тегтер элементтерді қатаң мәтінге немесе курсивпен аударған. Бұл тегтермен байланысты проблема және олар жаңа элементтердің пайда болуына неге нұқсан келтірді (олар біз жақын арада қараймыз), олар семантикалық элементтер емес. Өйткені, олар мәтін туралы ақпаратты емес, мәтіннің қалай көрінетінін анықтайды. Есіңізде болсын, HTML (бұл тегтер жазылған жерде) - визуалды стиль емес, құрылым туралы! Көрнекелер CSS арқылы өңделеді және веб-дизайнда үздік тәжірибелер сіздердің веб-беттеріңіздегі стилі мен құрылымы нақты бөлінуін қажет деп санайды. Бұл семантикалық емес элементтерді және құрылымды емес, егжей-тегжейлі элементтерді пайдаланбауды білдіреді. Сол себепті қалың және курсивтік белгілер әдетте күшті (қалың) және басымдықпен (курсив үшін) ауыстырылды.
& lt; strong & gt; және & lt; em & gt;
Күшті және маңызды элементтер сіздің мәтініңізге ақпаратты қосады, мазмұнды айтқан кезде әртүрлі өңделетін және баса назар аударатын мазмұнды толықтырады. Сіз бұл элементтерді бұрынғыдай қалың және көлбеу қолданғандай қолданасыз. Текстің ашылу және жабылу тегтерімен (ерекше назар аудару үшін және және күшті баса назар аудару үшін және ) мәтінді қоршаңыз және жабық мәтінге баса назар аударылады.
Сіз бұл тегтерді кірістіре аласыз және сыртқы тег дегеніміз маңызды емес. Міне, кейбір мысалдар.
Бұл мәтін баса және браузерлердің көпшілігі оны курсивпен көрсететін болады. Бұл мәтін мықтап атап өтілді және браузерлердің көбі оны қаріп түрінде көрсетеді.Бұл мысалдардың екеуінде де біз HTML-пен визуалды көріністі таңдамаймыз. Иә, тегінің әдепкі көрінісі курсив және қалың болар еді, бірақ бұл көріністер CSS-де оңай өзгертілуі мүмкін. Бұл екі әлемнің ең жақсы түрі. Құжаттағы курсивпен немесе қалың мәтінді алу үшін әдепкі шолғыш мәнерлерін пайдаланып, сызықты және стильді араластырып, араласпайсыз. мәтінді тек батыл ғана емес, сонымен қатар қызыл болуы үшін де CSS-ге қосуға болатынын айттыңыз
күшті {
түсі: қызыл;
}
Бұл мысалда сіз қалың қаріп салмағына арналған сипатты қосудың қажеті жоқ, себебі ол әдепкі болып табылады. Алайда, сіз оны кездейсоқтыққа қалдыруды қаламасаңыз, оны әрқашан қосуға болады:
күшті {
қаріптің салмағы: қалың;
түсі: қызыл;
}
Енді сіз тегінің қайда пайдаланылатындығына қарамастан, батыл (және қызыл) мәтіні бар беттің бар болуына кепілдік бересіз.
Назар аударыңыз
Жыл бойында байқаған бір нәрсе - көңіл бөлуді екі есеге арттыруға тырысқанда, не болады. Мысалға:
Бұл мәтіннің ішінде қалың және курсивпен мәтіні болуы керек.Сіз бұл жолдың батыл және көлбеу мәтіні бар аумақты шығаратын деп ойлайтын боларсыз. Кейде бұл шынымен де орын алады, бірақ кейбір браузерлерді тек осы мәтінге ең жақын деген екеуінің екіншісіне ғана құрметтейді және оны тек курсивпен көрсету. Бұл баса назар тегтері бойынша екі есе көбейтпеудің себептерінің бірі.
Бұны болдырмаудың тағы бір себебі стилистикалық мақсаттарға арналған. Әдетте, сіз өзіңіз орнатқыңыз келген дыбысты жеткізуге жеткілікті көңіл бөлінеді. Сізге қарама-қарсы, қиғаш, түс, кеңейтіп, мәтінді астын сызудың қажеті жоқ. Бұл мәтін әртүрлі әр түрлі көңіл-күйлерді сарқылмас болады. Сондықтан назар аударуды немесе CSS-нің стильдерін пайдалануды ескеріп, оны асықпаңыз.
Қалың және курсивпен жазылған ескертпе
Түпнұсқалық ойлардың біреуі - қалың () және курсив () тегтері назар аударатын элементтер ретінде пайдаланылмайды, алайда бұл тегтерді мәтіннің кірістірілген орындарына қолданатын кейбір веб-дизайнерлер бар. Негізінен олар оны элементі ретінде пайдаланады. Бұл жақсы, себебі тегтер өте қысқа, бірақ бұл элементтерді осы жолмен пайдалану әдетте ұсынылмайды. Кейбір сайттарда қалың немесе курсивпен мәтін жасамау үшін пайдаланылатын болса да, көрнекі сәндеудің басқа түріне арналған CSS крюкасын жасау үшін оны көргенде айтайын.
Дженнифер Крининнің түпнұсқа мақаласы. Jeremy Girard 12/2/16 жылы редакцияланған.