Чӣ тавр истифода бурдани blockquote? Таъсири намоишии барчаспҳои HTML blockquote

WordPressДар таҳрири мақола тугмаи маъмули "иқтибосро блок" мавҷуд аст▼

Чӣ тавр истифода бурдани blockquote? Таъсири намоишии барчаспҳои HTML blockquote

Ҳангоми истифода, он илова мекунадНишондиҳанда барои даъват кардани баъзе изҳороти иқтибосшуда ё таъкид.

Blockquote чӣ маъно дорад?

Дар зер чунин омадааст:Чен ВейлянУслуби иқтибос барои блогҳо:

Теги blockquote XHTML як унсури хеле муфид аст (агар баъзе аз кам истифодашаванда).Аз ҷиҳати маъно, иқтибос бояд ҳангоми иқтибос аз матни дарозтар аз манбаи дигар (гуфтгӯи дигар, вебсайти дигар ва ғ.) истифода шавад.Ин як роҳи ҷудо кардани матн ва намоиши он бо дигар манбаъҳо мебошад.
Аз рӯи услуб, шумо метавонед ҳамаи инро бо дарсҳои махсус дар тегҳои параграф иҷро кунед... аммо ин аз ҷиҳати семантикӣ бефоида аст, ҳамин тавр не? Blockquotes бо нобаёнӣ баъзе услубҳо доранд.
Аксари браузерҳо матнро дар барчаспҳои блоки иқтибос ҷойгир мекунанд, ки ба корбарон кӯмак мекунад, ки матнро бо ягон роҳ муайян кунанд.Аммо кӣ мегӯяд, ки мо бояд дар он ҷо бас кунем?Ин аст, ки чӣ гуна блок-иқтибосҳои худро бо CSS тарҳрезӣ кунед.

test-css.html-ро санҷед ва қисмати css-ро ба бадани html илова кунед:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test CSS blockquote</title>
</head>
<blockquote>
  <p>The blockquote XHTML tag is a fairly useful (if somewhat underused) element. Semantically speaking, a blockquote should be used any time you’re quoting a longer piece of text from another source – another speaker, another website, whatever. It’s a way of setting the text apart, and showing that it came from some other source. Stylistically, you could accomplish all this with a special class on your paragraph tags… but that wouldn’t be as semantically useful, now, would it?<br>
  Blockquotes do have some styling by default. Most browsers will indent the text in a blockquote tag, which helps the user recognize that the text is different somehow. But who's to say that we need to stop there? Here are six different ways you could style your blockquotes using CSS.</p>
</blockquote>
</body>
</html>

Чӣ тавр истифода бурдани blockquote?

Муайян карда мешавад, ки баъзе мавзӯъҳои WordPress дар файли style.css сабкҳои истинодро илова намекунанд.

Сабки кунҷи мудавваршудаи пасзаминаи кабуди зеринро ба файли style.css-и мавзӯъ нусхабардорӣ ва часбонед▼

blockquote, q {
    font: bold 21px/1.5 Consolas,"Courier New","KaiTi","KaiTi_GB2312","FangSong_GB2312",SimHei,arial,Monaco,monospace;
    color: #000;
    margin: 1em;
    margin-left: 2em;
    margin-right: 2em;
    padding: 3px;
    max-width: 95%;
    quotes: "\201C""\201D""\2018""\2019";
    background: #C3F3F7;
    border-radius: 20px;
}

Услубҳои истинод матни баданро (андоза, ранг), ранги замина, фазои холӣ, сарҳадҳо ва ғайраро муайян мекунанд...

услуби сарҳадӣ

Ин услуб нисбатан содда аст, яъне сарҳади чапро муқаррар кунед ва ғафсро муқаррар кунед.Ранг ранги шрифтро назорат мекунад ва ранги замина ранги заминаро (ё гурӯҳи пасзаминаи мустақим) идора мекунад.

Маржа масофаро то элементи равзана идора мекунад, тарафи чапи сарҳад услуби сарҳади чапро назорат мекунад ва пуркунӣ (махсусан тарафи чапи пуркунии чап) масофаро аз матн то сарҳад (чап) идора мекунад.

Ин услуб мисли блоги оддӣ оддӣ аст.

Сабки пасзаминаи зарди зеринро ба файли style.css-и мавзӯъ нусхабардорӣ кунед▼

blockquote {
margin: 1em 3em;
padding: .5em 1em;
border-left: 5px solid #fce27c;
background-color: #f6ebc1; }
blockquote p {
margin: 0; }
  • Дар боло 2 услуби блоки иқтибос мебошанд.
  • Илова кардани якчанд услубҳои якхела аз нав навишта мешавад.
  • Пас, лутфан яке аз онҳоро интихоб кунед ва онро ба файли style.css мавзӯъ илова кунед.

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) shared "Чӣ тавр blockquote истифода мешавад? HTML дар эффекти намоишии теги blockquote, барои кӯмак ба шумо.

Хуш омадед ба мубодилаи истиноди ин мақола:https://www.chenweiliang.com/cwl-2123.html

Хуш омадед ба канали Telegram блоги Чен Вейлян барои гирифтани навсозиҳои охирин!

🔔 Аввалин шуда дар феҳристи болоии канал "Дастури истифодаи абзори AI-и ChatGPT Content Marketing" -ро гиред! 🌟
📚 Ин дастур дорои арзиши бузург аст, 🌟Ин як имконияти нодир аст, онро аз даст надиҳед! ⏰⌛💨
Агар ба шумо маъқул бошад, мубодила кунед ва лайк монед!
Мубодилаи шумо ва лайкҳои шумо ангезаи доимии мост!

 

发表 评论

Суроғаи почтаи электронии шумо нашр карда намешавад. 必填 项 已 用 * Нишон

ба боло ҳаракат кунед