Агар шумо ба рӯйхати HTML элементҳо назар карда бошед, шумо шояд худатон аз худ бипурсед, ки "блок чист?" Элементҳои блоки элемент як ҷуфт кардани HTML, ки барои муайян кардани миқдори дарозмӯҳлат истифода мешаванд. Дар ин ҷо тавсифи ин элемент мувофиқи тарҳи W3C HTML5 аст:
Элементҳои блоки тасвирӣ як қисмеро, ки аз манбаъи дигар бармеояд, нишон медиҳад.
Чӣ тавр истифода бурдани Blockquote дар вебсайтҳои шумо
Вақте, ки шумо матнро дар веб саҳифа нависед ва тарҳ кардани он саҳифаи саҳифаро, баъзан мехоҳед, ки блоги матниро ҳамчун номгузорӣ бихонам.
Ин метавонад як чизи дигар бошад, аз он ҷумла як шаҳодатномаи муштарӣ, ки ҳамроҳи омӯзиши ҳолат ё ҳикояи лоиҳа мебошад. Ин ҳамчунин метавонад табобат тарҳрезӣ шавад, ки баъзе матнҳои муҳимро аз мақолаҳо ё мундариҷаи худ такрор кунед. Дар нашрия, ин баъзан як нақшаи ҷустуҷӯӣ номида мешавад, Дар тарҳрезии веб, яке аз роҳҳо барои расидан ба ин (ва роҳи мо дар ин мақола пӯшида аст) блокро даъват мекунад.
Биёед бубинем, ки чӣ тавр шумо ба қуттиҳои блог истифода мебаред, то ки тез-тез дароз кардани тасвири дарозмуддат, аз қабили ин китоби "Jabberwocky" аз тарафи Люис Карролро истифода барад:
'Brillig twasig ва slithey toves
Гир ва дар мағзи сар ба даст:
Ҳамаи инҳо буданд,
Ва румзҳои mome берун аз.
(аз тарафи Люис Каррол)
Намунаи истифодаи Тагйироти Blockquote
Тафсилоти блоки такрорӣ як эзоҳи сементӣ аст, ки браузери ё агенти корбарро, ки мундариҷаи мӯҳтаво дорад, мегӯянд. Ҳамин тавр, шумо бояд матнеро, ки дар дохили блок-ро тамошо намекунад, зикр накунед. Рост аст, ки "диктант" аксар вақт калимаҳои воқеие аст, ки касе гуфта ё матнро аз сарчашмаи беруна (мисли матни Люис Каррол дар ин мақола) навиштааст, аммо он метавонад консепсияи ракетаҳо бошад, ки мо қаблан фаро гирифта будем.
Вақте ки шумо дар бораи он фикр мекунед, ки делфексия як иқтибоси матн аст, он танҳо аз ҳамон модда иборат аст, ки аломати худ нишон медиҳад.
Аксарияти веб браузерҳо ба ҳар як ҷонибҳои блоки кодро ба таври ҷудогона (тақрибан 5 ҷой) илова мекунанд, то онро аз матн гиранд. Баъзе браузерҳои кӯҳнаро ҳатто метавонанд матнеро, ки дар поёни он навишта шудаанд, ронанд.
Дар хотир доред, ки ин танҳо тарзи пешфарзии элементи блокро дорад. Бо CSS, шумо тамоми назоратро дар бораи блоки худ нишон медиҳед. Шумо метавонед афзоиш ё ҳатто тозаро хориҷ кунед, рангҳои зеҳниро илова кунед ё андозаи матнро зиёд кунед, то ки минбаъд коғазро даъват кунед. Шумо метавонед, ки ин пешниҳодро ба як тарафи саҳифа ҷалб кунед ва матни дигарро дар атрофи он ҷойгир кунед, ки тарзи маъмулӣ барои кашидани маҷаллаҳо дар маҷаллаҳои чопшуда истифода мешавад. Шумо дар намуди блок бо CSS назорат карда истодаед, чизеро, ки мо каме дертар муҳокима мекунем. Ҳоло, биёед давом диҳем, ки чӣ тавр илова кардани аломати худ ба нишонаи HTML кунед.
Барои илова кардани матни блок ба матни шумо, якҷоя кардани матн, ки бо ҷавоби параметрии зерин дода мешавад,
Барои намуна:
'Brillig twasig ва slithey toves
Гир ва дар мағзи сар ба даст:
Ҳамаи инҳо буданд,
Ва румзҳои mome берун аз.
Тавре ки шумо мебинед, шумо танҳо ҷуфти параметрҳои блокро дар доираи мундариҷаи худ илова кунед. Дар ин мисол, мо низ баъзе нусхаҳои шикастаро истифода мебурдем (
) илова кардани танзими ранга, ки дар дохили матн мувофиқ аст, илова кунед. Ин аз он сабаб аст, ки матнро аз шеър бозмедорад, ки ин танаффусҳо махсусан муҳим мебошанд. Агар шумо эффекти мушаххаси муштарӣ эҷод карда бошед, ва хатҳои лозима ба қисмҳои мушаххас ниёз надоранд, шумо намехоҳед, ки ин параметрҳои шикастаро илова кунед ва ба браузери худ бифаҳмо ва танзим кунед, ки дар асоси андозаи экран лозим аст.
Блокро ба матн ворид кунед
Дар тӯли солҳои зиёд, одамон ба матнҳои блокро истифода мебаранд, агар онҳо мехоҳанд, ки матнро дар вебсайти худ мехонанд, ҳатто агар ин матн канда нашавад. Ин таҷрибаи бад аст! Шумо намехоҳед калимаҳои блокро танҳо барои сабабҳои визуалӣ истифода баред. Агар шумо ба матн ворид кунед, шумо бояд варақаҳои стандартиро истифода набаред, на аломатҳои блогҳо (ба истиснои он, ки шумо кӯшиш мекунед, ки дар инҷо кӯшиш кунед!). Агар шумо кӯшиш карда бошед, ки ин рамзи худро дар саҳифаи вебии худ ҷой диҳед кӯшиш кунед:
Ин матнест, ки ҷолиб аст.
Дар оянда, шумо синфро бо сабки CSS ба ҳадаф мефиристед
.indicated {
padding: 0 10px;
}}
Ин 10 пикселро ба ҳар ду тарафи параграф илова мекунад.
Мақолаи аслӣ аз тарафи Ҷенифер Кренин. Аз ҷониби Jeremy Girard таҳрир карда шуд 5/8/17.