Сіз HTML элементтерінің тізімін қарап шыққан болсаңыз, сіз өзіңізді «блоктау дегеніміз не?» Деп сұраған болу керек. Blockquote элементі ұзын тырнақшаларды анықтау үшін пайдаланылатын HTML тегтер жұбы болып табылады. W3C HTML5 сипаттамасына сәйкес бұл элементтің анықтамасы берілген:
Blockquote элементі басқа көзден цитирленген бөлімді білдіреді.
Веб-беттерде Blockquote қызметін қалай пайдалану керек
Веб-бетте мәтін жазғанда және сол беттің орналасуын жасағанда, сіз мәтіннің блогын тырнақша ретінде шақырғыңыз келеді.
Бұл басқа жерде, мысалға мысалға немесе жобаның сәттілік тарихына сүйене отырып, клиенттің куәлігі сияқты болуы мүмкін. Бұл сондай-ақ мақаланың немесе мазмұнның өзіндік маңызды мәтінін қайталайтын дизайнерлік процесс болуы мүмкін. Жариялау кезінде бұл кейде « тырнақшалар» деп аталады, веб-дизайнға қол жеткізу жолдарының бірі (және біз осы мақалада жазылған әдіс) блоктау деп аталады.
Сонымен, Lewis Carroll компаниясының The Jabberwocky-дан алынған үзіндісі сияқты ұзын тырнақшаларды анықтау үшін blockquote тегінің қалай қолданылатынын қарастырайық:
«Твас щығару және слитни ағызу
Ұшпендіктің шырыны мен қытырлылығы:
Барлық мимы борогов болды,
Және әшекей әңгімелейді.
(Lewis Carroll)
Blockquote Тегін пайдаланудың мысалы
Blockquote тегі браузерге немесе пайдаланушы агентіне мазмұнның ұзын тырнақшаға ие екенін білдіретін семантикалық тег болып табылады. Осылайша, сіз blockquote tag ішіндегі тырнақшасыз мәтінді қоса алмайсыз. Есіңізде болсын, «тырнақ» жиі біреудің айтқан сөздері немесе сыртқы дереккөзден алынған мәтіндер (Lewis Carroll мәтіні сияқты осы мақалада), бірақ ол біз бұрынырақ қамтылған ұғымдық тұжырымдама болуы мүмкін .
Сіз бұл туралы ойланған кезде, бұл кращот мәтін мәтіні болып табылады, ол дәл сол мақаланың өзінен көрінеді.
Көптеген веб-браузерлер блоктық ұғымның екі жағына кейбір мәтінді (шамамен 5 бос орын) қосады, оны қоршаған мәтіннен ерекшелендіреді. Кейбір ескі браузерлер тіпті тырнақшаға мәтінді курсивпен көрсете алады.
Бұл жай ғана blockquote элементінің әдепкі стилі болып табылады. CSS арқылы сізде blockquote қалай көрсетілетінін толық бақылауға аласыз. Шегіністі көбейтуге немесе тіпті алып тастауға, артқы түстерді қосуға немесе одан әрі баға белгілеу үшін мәтін өлшемін арттыруға болады. Сіз бұл сөзді беттің бір жағына қоюға және басқа мәтіннің айналасында айналдыра аласыз, бұл баспа журналдарында таралған тырнақшалар үшін пайдаланылатын қарапайым визуалды стиль. Сіз CSS-пен блоктаудың сыртқы көрінісін бақылап отырасыз. Қазір HTML түзетуге баға белгілерін қалай қосу керектігін қарастырайық.
Blockquote тегіңізді мәтінге қосу үшін келесі тегті жұппен баға белгілеуі бар мәтінді жай ғана қоршаңыз -
Мысалға:
«Твас щығару және слитни ағызу
Ұшпендіктің шырыны мен қытырлылығы:
Барлық мимы борогов болды,
Және әшекей әңгімелейді.
Көріп отырғаныңыздай, сіз тек цитата мазмұнының айналасында блок-квот тегтерін қосасыз. Бұл мысалда біз кейбір үзіліс тегтерін (
) мәтіннің ішіне сәйкес бір жолды үзілістерді қосу. Өйткені, бұл үзінділер маңызды болған өлеңнен мәтінді жаңартамыз. Егер сіз клиенттің куәландыратын дәйексөзін жасаған болсаңыз және сызықтар белгілі бір бөліктерде үзілуге тура келмесе, сіз бұл үзіліс тегтерін қосқыңыз келмейді және браузердің өзі экранның өлшеміне қарай қажетті түрде орап, үзілуге мүмкіндік береді.
Мәтінді қиыстыру үшін Blockquote қолданбаңыз
Көптеген жылдар бойы, егер адамдар мәтіннің мәтінін шабуылдағысы келмесе, адамдар бұғатталған тегті пайдаланды. Бұл жаман тәжірибе! Blockquote семантикасын тек көрнекі себептер бойынша ғана қолданғыңыз келмейді. Мәтінді шегініс керек болса, блоктау тегтерін емес, стиль кестелерін пайдалануыңыз керек (егер, әрине, сіз тырнақшаға тырысып жатқаныңыз - цитата!). Шегініс қосу үшін ғана тырысып жатсаңыз, бұл кодты веб-бетке қойып көріңіз:
Бұл шегініс мәтіні болады.
Содан кейін, сіз осы сыныпты CSS стилімен мақсат етесіз
. {
толтыру: 0 10px;
}
Бұл параграфтың кез-келген жағына 10 пиксел толтырады.
Дженнифер Крининнің түпнұсқа мақаласы. Джереми Джирард 5/8/17 жылы редакцияланған.