Web dizayn təhsilinizdə erkən öyrənəcəyiniz etiketlərdən biri "vurğulamaq tags" kimi tanınan bir cütdür. Bu etiketlərin nə olduğunu və bu gün veb dizaynında necə istifadə edildiyinə nəzər salaq.
XHTML səhifəsinə qayıt
HTML il əvvəl öyrəndiyiniz HTML5 yüksəlməzdən əvvəl, yəqin ki, həm də cəsarətli və italik etiketləri istifadə etmişdiniz. Gözlədiyiniz kimi, bu etiketlər elementləri müvafiq olaraq qalın mətn və ya italik mətnə çevirdi. Bu yazı problemi və onlar niyə yeni elementlər (biz qısa baxacağıq) lehinə itələdi, onlar semantik elementlər deyil. Bunun səbəbi, mətn haqqında məlumatdan daha çox mətnin necə görünməsini müəyyənləşdirməkdir. Unutmayın ki, HTML (bu yazıların yazıldığı yerdir) bütün strukturdan, vizual üslubdan deyildir! Görseller CSS tərəfindən işlənir və web dizaynı ən yaxşı təcrübələr uzun müddət veb səhifələrinizdə üslub və strukturun aydın şəkildə ayrılması lazım olduğunu təşkil edir. Bu qeyri-semantik olmayan elementləri və strukturdan çox şeyləri nəzərdən keçirmək demək deyildir. Buna görə qalın və italik etiketlər ümumiyyətlə güclü (qalınlıqlı) və vurğu ilə əvəz edilmişdir (italiya üçün).
& lt; strong & gt; və Güclü və vurğulayan elementlər, mətninizə məlumat əlavə edir, məzmunu danışarkən fərqli şəkildə nəzərdən keçirilməli olan məzmunu ətraflı izah edir və vurğulanır. Siz bu elementləri keçmişdə cəsarətli və italik istifadə etdiyiniz kimi istifadə edirsiniz. Mətninizi açma və bağlanma etiketləri ilə vurun (vurğulamaq üçün və və güclü vurğulamaq üçün və ) və əlavə olunmuş mətn vurğulanacaq.
Bu etiketləri saxlaya bilərsiniz və xarici etiket hansıdır. Bəzi nümunələr.
Bu mətn vurğulanıb və ən çox brauzerlər iti ilə göstərəcəklər. Bu mətn güclü vurğulanıb və çoxu brauzerlər onu qalın növü kimi göstərəcəklər. Həm bu nümunələrdə, həm də HTML ilə vizual baxışları diktə etmirik. Bəli, etiketinin standart görünüşü italik olur və qalın olacaq, ancaq bu görünüşlər CSS-də asanlıqla dəyişdirilə bilər. Bu hər iki dünyanın ən yaxşısıdır. Əslində xəttdən keçmədən və strukturu və stilini qarışdırmadan sənədinizdə italik və ya qalın mətni almaq üçün default brauzer üslublarından istifadə edə bilərsiniz. mətnin yalnız qalın olmaq deyil, eyni zamanda qırmızı olması üçün CSS-ni əlavə edə bilərsiniz
güclü {
rəng: qırmızı;
}
Bu nümunədə, qalın yazı tipi çəkisi üçün bir xüsusiyyət əlavə etməliyəm, çünki bu, u mənimdir. Bununla yanaşı təsadüfən buraxmaq istəmirsinizsə, həmişə əlavə edə bilərsiniz:
güclü {
font-çəki: qalın;
rəng: qırmızı;
}
İndi etiketi hər yerdə istifadə edildikdə qalın (və qırmızı) mətni olan bir səhifənin olmasını təmin edəcəksiniz.
Diqqətə toxun
Bir il ərzində qeyd etdiyim bir şey, vurğulamaq üçün ikiqat cəhd etməsəniz nə olar. Misal üçün:
Bu mətn daxilində qalın və italik mətn olmalıdır. Bu xəttin cəsarətli və yaltaq olan mətni olan bir sahə çıxaracağını düşünürdünüz. Bəzən bu həqiqətən baş verir, amma bəzi brauzerlər yalnız qeyd olunan mətnə ən yaxın olan iki vurğulamalı üslubun ikinci hissəsini yalnız şərəflə gördüklərini və yalnız onu italik kimi göstərdiyini görmüşəm. Bu vurğulanma etiketləri üzərində cütləşməyin səbəblərindən biridir.
Bu "ikiyə qatlaşmaq" ın qarşısını almaq üçün başqa bir səbəb üslub məqsədlidir. Tənzimləmək istədiyiniz səsi çatdırmaq üçün kifayət edərsə, diqqətin bir növüdür. Qalmaq üçün, qalın, italik, rəng, böyütmək və mətni vurğulamaq lazım deyil. Bu mətn, hər cür müxtəlif vurgunun cazibədar olacağını göstərəcəkdir. Diqqət vermək və vurğulamaq üçün diqqət etiketləri və ya CSS üslubları istifadə edərkən diqqətli olun.
Bold və Italics haqqında Qeyd
Bir son fikir - cəsarətli () və italik () etiketləri vurğulamaq elementləri kimi istifadə edilməməsi tövsiyə olunarkən, bu yazıları mətnin inline sahələrinə istifadə edən bəzi veb-dizaynerlər var. Əsasən, onlar bir element kimi istifadə edirlər. Bu gözəldir, çünki etiketlər çox qısa, lakin bu elementləri bu şəkildə istifadə edərək, ümumiyyətlə, məsləhət görülmür. Bəzi saytlarda qalın və ya italik mətni yaratmamaq üçün istifadə olunan bir yerdə görsənir, amma başqa cür vizual üslubu üçün CSS kancası yaratmaq üçün onu görürsən.
Jennifer Krynin tərəfindən hazırlanan əsər. Jeremy Girard tərəfindən 12/2/16 tarixində redaktə edildi.
rəng: qırmızı;
}
font-çəki: qalın;
rəng: qırmızı;
}