Bu gün bizdə olan sənaye üçün məsuliyyət daşıyır ki, Web Standartları hərəkətinin mühüm prinsipi HTML elementlərini default olaraq brauzerdə necə görünə biləcəyindən daha çox istifadə etmə fikridür. Semantik HTML istifadə kimi tanınır.
Semantik HTML nədir
Semantik HTML və ya semantik formatlaşdırma yalnız təqdimat deyil, veb səhifəsinə məna gətirən HTML-dir. Məsələn, bir
etiketi əlavə olunmuş mətnin bir paraqraf olduğunu göstərir.
Bu, həm semantik, həm də təqdimatlıdır, çünki insanlar paraqrafların nə olduğunu bilirlər və brauzerlər onları necə göstərməyi bilirlər.
Bu tənlikin flip tərəfində, və kimi etiketlər semantik deyil, çünki onlar mətnin necə görünməsini (cəsarətli və ya italik) ifadə edirlər və markalanmaya əlavə məna vermirlər.
Semantik HTML etiketlerine nümunələr
, , və başlıq etiketləri daxildir. Standartlara uyğundur bir veb sayt qurarkən istifadə edilə biləcək daha çox semantik HTML etiketləri var.
Niyə Semantik haqqında qayğı lazımdır?
Semantik HTML yazmağın faydası, hər hansı bir web səhifəsinin sürücülük məqsədi olmalıdır - ünsiyyət arzusu. Sənədinizə semantik etiketlər əlavə edərək, bu ünsiyyətdə kömək edən sənəd haqqında əlavə məlumat verirsiniz. Xüsusilə, semantik etiketlər brauzerinizə bir səhifə və onun məzmununun nə olduğunu aydınlaşdırır.
Bu aydınlıq həm də sağ axtarış sistemləri ilə əlaqələndirilir, doğru səhifələr sağ sorgular üçün çatdırılır.
Semantik HTML etiketləri bir səhifəyə baxdıqdan sonra gedən bu etiketlərin məzmunu haqqında məlumat verir. etiketinə əlavə olunan mətn brauzer tərəfindən dərhal bir coding dili növü olaraq tanınır.
Bu kodu göstərməyə çalışmaq yerinə, brauzer bir məqalənin məqsədi üçün kodun nümunəsi kimi bu mətni istifadə etdiyini və ya bir növ onlayn təlimçi olduğunu anlamır.
Semantik etiketlər istifadə edərək, məzmununuzu tərtib etmək üçün sizə daha çox qarmaqlar verir. Yəqin ki, bu gün kod nümunələri u mənim brauzerinizin tərzində görünməyi seçər, amma sabah onları gri fon rəngi ilə zəng etmək istəyirsən, daha sonra isə istifadə etmək üçün dəqiq mono aralıklı font ailəsini və ya font yığını nümunələri. Semantik düzəlişlər və ağıllı tətbiq olunan CSS istifadə edərək asanlıqla bütün bunları edə bilərsiniz.
Semantik Etiketləri Düzgün istifadə edin
Təqdimat məqsədləri üçün mənanı çatdırmaq üçün semantik etiketləri istifadə etmək istədiyiniz zaman, sadəcə sadəcə ümumi görünüş xüsusiyyətləri üçün onları yanlış istifadə etməyin diqqətli olmalısınız. Ən çox istifadə edilən semantik etiketlərin bəziləri bunlardır:
- blockquote - Bəzi insanlar bir quote deyil, mətn indenting üçün etiketi istifadə edirlər. Bunun səbəbi, blockquotes'un default olaraq girilmiş olmasıdır. Sadəcə girintinin faydalarını istəyirsənsə, lakin mətn bir blokquote deyilsə, bunun yerine CSS kənarlarını istifadə edin.
- p - Bəzi veb redaktorları səhifə elementləri arasında əlavə yer əlavə etmək üçün, o səhifənin mətninə aid faktiki paraqrafları müəyyən etməkdən başqa,
& nbsp; p> (paraqrafda olan qeyri-pozan yer) istifadə edir. Daha əvvəl göstərilən indenting nümunəsi ilə olduğu kimi, boşluq əlavə etmək üçün margin və ya padding tərzi mülkiyyətindən istifadə etməlisiniz.
- ul - bir
tag indents daxilində mətni əhatə edən blockquote kimi, ən çox brauzerlərdə olan mətn. Yalnız - etiketləri bir
etiketi içində olduğundan, bu həm semantik yanlış, həm də yanlış HTML. Yenə mətn daxilində margin və ya padding stilindən istifadə edin.
- h1-h6 - Mövzu yazıları şriftləri daha böyük və cəlbedici etmək üçün istifadə edilə bilər, lakin mətn bir başlıq deyilsə, bu bir başlıq etiketində olmamalıdır. Sizin səhifəinizdə xüsusi mətnin ölçüsünü və ya çəkisini dəyişdirmək istəyirsinizsə, font-ağırlığı və font ölçüsü CSS xüsusiyyətlərini istifadə edin ..
Anlam olan HTML etiketlərindən istifadə edərək,
etiketləri ilə hər şey ətrafında daha çox məlumat verən səhifələr yaratmaq.
Hansı HTML etiketləri semantikdir?
Hətta hər HTML4 etiketi və bütün HTML5 etiketlərinin semantik bir mənaya malik olmasına baxmayaraq bəzi etiketlər əsasən təbiətdə semantikdir.
Məsələn, HTML5 semantik olmaq üçün və etiketlərinin mənasını yenidən təyin etdi. etiketi əlavə əhəmiyyət vermir, əksinə, adətən qalın halında göstərilən mətn. etiketi ayrıca əlavə əhəmiyyət vermir və ya vurğulayır, lakin tipik olaraq italiklə göstərilən mətni müəyyən edir.
Semantik HTML Teqləri
Kısaltma Kısaltma
Uzun tiraj Təsvir <ünvan> Sənədin müəllif (ləri) üçün ünvan Citation
Kod referansı Teletype mətn Məntiqi bölmə Generic inline style konteyner Silinən mətn Əlavə mətn Diqqət Güclü vurğu
Birinci səviyyəli başlıq
İkinci səviyyəli başlıq
Üçüncü səviyyəli başlıq
Dördüncü səviyyəli başlıq
Beşinci səviyyəli başlıq
Altıncı səviyyəli başlıq
Tematik fasilə İstifadəçi tərəfindən daxil ediləcək mətn <ön> Ön formatlı mətn
Qısa daxil olan kotirovka Nümunə çıxışı Alt yazı Superscript Dəyişən və ya istifadəçi müəyyən edilmiş mətn
, və başlıq etiketləri daxildir. Standartlara uyğundur bir veb sayt qurarkən istifadə edilə biləcək daha çox semantik HTML etiketləri var.
Niyə Semantik haqqında qayğı lazımdır?
Semantik HTML yazmağın faydası, hər hansı bir web səhifəsinin sürücülük məqsədi olmalıdır - ünsiyyət arzusu. Sənədinizə semantik etiketlər əlavə edərək, bu ünsiyyətdə kömək edən sənəd haqqında əlavə məlumat verirsiniz. Xüsusilə, semantik etiketlər brauzerinizə bir səhifə və onun məzmununun nə olduğunu aydınlaşdırır.
Bu aydınlıq həm də sağ axtarış sistemləri ilə əlaqələndirilir, doğru səhifələr sağ sorgular üçün çatdırılır.
Semantik HTML etiketləri bir səhifəyə baxdıqdan sonra gedən bu etiketlərin məzmunu haqqında məlumat verir. etiketinə əlavə olunan mətn brauzer tərəfindən dərhal bir coding dili növü olaraq tanınır.
Bu kodu göstərməyə çalışmaq yerinə, brauzer bir məqalənin məqsədi üçün kodun nümunəsi kimi bu mətni istifadə etdiyini və ya bir növ onlayn təlimçi olduğunu anlamır.
Semantik etiketlər istifadə edərək, məzmununuzu tərtib etmək üçün sizə daha çox qarmaqlar verir. Yəqin ki, bu gün kod nümunələri u mənim brauzerinizin tərzində görünməyi seçər, amma sabah onları gri fon rəngi ilə zəng etmək istəyirsən, daha sonra isə istifadə etmək üçün dəqiq mono aralıklı font ailəsini və ya font yığını nümunələri. Semantik düzəlişlər və ağıllı tətbiq olunan CSS istifadə edərək asanlıqla bütün bunları edə bilərsiniz.
Semantik Etiketləri Düzgün istifadə edin
Təqdimat məqsədləri üçün mənanı çatdırmaq üçün semantik etiketləri istifadə etmək istədiyiniz zaman, sadəcə sadəcə ümumi görünüş xüsusiyyətləri üçün onları yanlış istifadə etməyin diqqətli olmalısınız. Ən çox istifadə edilən semantik etiketlərin bəziləri bunlardır:
- blockquote - Bəzi insanlar bir quote deyil, mətn indenting üçün etiketi istifadə edirlər. Bunun səbəbi, blockquotes'un default olaraq girilmiş olmasıdır. Sadəcə girintinin faydalarını istəyirsənsə, lakin mətn bir blokquote deyilsə, bunun yerine CSS kənarlarını istifadə edin.
- p - Bəzi veb redaktorları səhifə elementləri arasında əlavə yer əlavə etmək üçün, o səhifənin mətninə aid faktiki paraqrafları müəyyən etməkdən başqa,
& nbsp; p> (paraqrafda olan qeyri-pozan yer) istifadə edir. Daha əvvəl göstərilən indenting nümunəsi ilə olduğu kimi, boşluq əlavə etmək üçün margin və ya padding tərzi mülkiyyətindən istifadə etməlisiniz.
- ul - bir
tag indents daxilində mətni əhatə edən blockquote kimi, ən çox brauzerlərdə olan mətn. Yalnız - etiketləri bir
etiketi içində olduğundan, bu həm semantik yanlış, həm də yanlış HTML. Yenə mətn daxilində margin və ya padding stilindən istifadə edin.
- h1-h6 - Mövzu yazıları şriftləri daha böyük və cəlbedici etmək üçün istifadə edilə bilər, lakin mətn bir başlıq deyilsə, bu bir başlıq etiketində olmamalıdır. Sizin səhifəinizdə xüsusi mətnin ölçüsünü və ya çəkisini dəyişdirmək istəyirsinizsə, font-ağırlığı və font ölçüsü CSS xüsusiyyətlərini istifadə edin ..
Anlam olan HTML etiketlərindən istifadə edərək,
etiketləri ilə hər şey ətrafında daha çox məlumat verən səhifələr yaratmaq.
Hansı HTML etiketləri semantikdir?
Hətta hər HTML4 etiketi və bütün HTML5 etiketlərinin semantik bir mənaya malik olmasına baxmayaraq bəzi etiketlər əsasən təbiətdə semantikdir.
Məsələn, HTML5 semantik olmaq üçün və etiketlərinin mənasını yenidən təyin etdi. etiketi əlavə əhəmiyyət vermir, əksinə, adətən qalın halında göstərilən mətn. etiketi ayrıca əlavə əhəmiyyət vermir və ya vurğulayır, lakin tipik olaraq italiklə göstərilən mətni müəyyən edir.
Semantik HTML Teqləri
Kısaltma Kısaltma
Uzun tiraj Təsvir <ünvan> Sənədin müəllif (ləri) üçün ünvan Citation
Kod referansı Teletype mətn Məntiqi bölmə Generic inline style konteyner Silinən mətn Əlavə mətn Diqqət Güclü vurğu
Birinci səviyyəli başlıq
İkinci səviyyəli başlıq
Üçüncü səviyyəli başlıq
Dördüncü səviyyəli başlıq
Beşinci səviyyəli başlıq
Altıncı səviyyəli başlıq
Tematik fasilə İstifadəçi tərəfindən daxil ediləcək mətn <ön> Ön formatlı mətn
Qısa daxil olan kotirovka Nümunə çıxışı Alt yazı Superscript Dəyişən və ya istifadəçi müəyyən edilmiş mətn