HTML elementləri siyahısına baxdığınız halda, özünüzü "bir blockquote nədir?" Blockquote elementi uzun kotirovkaları təyin etmək üçün istifadə olunan HTML tag cütüdür. W3C HTML5 spesifikasiyasına əsasən bu elementin tərifi:
Blockquote elementi başqa mənbədən alınmış bir hissəni təmsil edir.
Veb səhifələrinizdə Blockquote istifadə necə
Bir web səhifəsində mətn yazarkən və o səhifənin düzeni yaratdığınız zaman bəzən bir mətn bloğunu bir kotirovka kimi çağırmaq istəyirlər.
Bu, başqa bir yerdən, bir müştəri ifadəsi kimi, bir halda işi və ya layihənin müvəffəqiyyət hekayəsini müşayiət edən bir qiymət ola bilər. Bu da məqalənin və ya məzmunun özündən bəzi əhəmiyyətli mətni təkrarlayan bir dizayn müalicəsi ola bilər. Nəşrdə bu bəzən bir çəki-qiymət verilir , Veb dizaynında, bunu əldə etmək yollarından biri (və bu məqalədə əhatə etdiyimiz şəkildə) "blockquote" adlanır.
Beləliklə, Lewis Carroll tərəfindən "The Jabberwocky" dan alınan bu cür alınmış uzun kotirovkaları təyin etmək üçün blokquote etiketini necə istifadə edəcəyinizi nəzərdən keçirək:
Twas brillig və slithey toves
Vabe içərisində cırıq və cızırtılar:
Bütün mimsy borogoves idi,
Və möhtərəm yoldan çıxır.
(Lewis Carroll tərəfindən)
Blockquote Tag istifadə nümunəsi
Blockquote etiketi brauzer və ya istifadəçi agentinə məzmunun uzun bir kotirovkası olduğunu söyləyən semantik bir etiketdir. Buna görə də, blokquot etiketinin içərisində bir kotirovkası olmayan mətni əlavə etməməlisiniz. Bir "kotirovka" tez-tez birinin dediyi və ya kənar mənbədən mətni (bu yazıda Lewis Carroll mətni kimi) yazan faktiki sözlərdir, lakin bu , daha əvvəl də əhatə etdiyimiz pullquote konsepsiyası ola bilər.
Bu barədə düşündüyünüz zaman, bu pikku mətnin bir cədvəlidir, yalnız özü də özünün göründüyü eyni məqalədə olmasıdır.
Çox veb brauzerlər ətrafındakı mətndən uzaqlaşmaq üçün blok-sətrin hər iki tərəfinə bir neçə indenting (təxminən 5 boşluq) əlavə edirlər. Bəzi son dərəcə köhnə brauzerlər də qeyd olunan mətni italiklə göstərə bilər.
Bu sadəcə blockquote elementinin default styling olduğunu unutmayın. CSS ilə, blockquoteinizin necə nümayiş etdirəcəyi barədə ümumi nəzarətiniz var. Çıxışınızı artırmaq və ya hətta çıxarmaq, arxa plan rənglərini əlavə etmək və ya əlavə qiymətə zəng etmək üçün mətn ölçüsünü artırmaq olar. Bu sitatın bir tərəfinə sitat gətirə və digər mətnləri ətrafında yayımlaya bilərik. Bu mətbu jurnallarda çəkilmək üçün istifadə olunan vizual üslubdur. Blokun görünüşünü CSS ilə idarə etsəniz, bir az daha qısa müzakirə edəcəyimiz bir şey. Hal-hazırda, HTML formatlaşdırma üçün özünü əlavə etmək üçün necə baxdığınıza baxaq.
Blockquote etiketi mətninizə əlavə etmək üçün sadəcə aşağıdakı tag cütü ilə bir kotirovka olan mətni əhatə edin -
Misal üçün:
Twas brillig və slithey toves
Vabe içərisində cırıq və cızırtılar:
Bütün mimsy borogoves idi,
Və möhtərəm yoldan çıxır.
Gördüyünüz kimi, sitenin məzmununun ətrafında blokquote etiketlər cütünü əlavə edin. Bu nümunədə biz də bəzi fasilə tags (
) mətnin içərisində olduğu yerlərdə tək xətt fasilələri əlavə etmək. Bunun səbəbi, bu xüsusi fasilələrin vacib olduğu bir şeirdən mətn yaratmaqdır. Müştərilərin testimonial təklifini yaratdıysanız və xətləri müəyyən hissələrə ayırmaq lazım deyilsə, bu fasilə yazıları əlavə etmək və brauzerin özünü ekranın ölçüsünə əsasən lazım gəldiyi yerə sarmamasına imkan verməyin.
Mətn girişi üçün Blockquote istifadə etməyin
Uzun illərdir ki, insanlar mətnin mətnini indeksləşdirmək istədikləri təqdirdə, bloqquote etiketini istifadə edirdilər, hətta əgər bu mətn bir pikkuot deyilsə. Bu pis bir təcrübə! Blockquotein semantikasını yalnız görsel səbəblərdən istifadə etmək istəmirsiniz. Mətnin indentifikasiya edilməsinə ehtiyacınız varsa, bloknot etiketləri deyil, stillərdən istifadə etməlisiniz (əlbəttə, indentasiya etməyə çalışdığınız bir qiymətdir!). Yalnız bir girinti əlavə etmək üçün çalışırıqsa, bu kodu web səhifəmizə yerləşdirməyə çalışın:
Bu indented olan mətn olacaq.
Bundan sonra, bu cədvəl CSS stili ilə hədəf alacaqsınız
.designed {
padding: 0 10px;
}
Bu paraqrafın hər iki tərəfinə 10 ədəd piksel əlavə edir.
Jennifer Krynin tərəfindən hazırlanan əsər. Jeremy Girard tərəfindən 5/8/17 tarixində ediləcək.