AWordPressA cikin gyaran talifi, akwai maballin "block quote" gama gari▼
Idan aka yi amfani da shi, yana ƙara aAlama don kiran wasu magana da aka nakalto ko haskakawa.
Menene ma'anar blockquote?
Mai zuwa kenanChen WeiliangSalon ambato don bulogi:
Alamar blockquote XHTML abu ne mai matukar amfani (idan wasu ba a yi amfani da su ba).A zahiri, ya kamata a yi amfani da blockquote a duk lokacin da kake faɗin dogon rubutu daga wani tushe (wani mai magana, wani gidan yanar gizo, da sauransu).Wannan wata hanya ce ta iyakance rubutu da nuna shi tare da wasu kafofin.
Salo-hikima, zaku iya yin duk wannan tare da azuzuwan na musamman akan alamun sakin layi… amma wannan ba shi da amfani a ma'ana, yanzu, shin? Blockquotes suna da wasu salo ta tsohuwa.
Yawancin masu bincike suna shigar da rubutu a cikin alamun blockquote, wanda ke taimaka wa masu amfani su gane rubutun ta wata hanya.Amma wa zai ce muna bukatar mu tsaya a nan?Anan ga yadda ake yin salo na blockquotes tare da CSS.
Gwada test-css.html kuma ƙara sashin css zuwa jikin 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>
Yadda ake amfani da blockquote?
An gano cewa wasu jigogi na WordPress ba sa ƙara salon tunani a cikin fayil ɗin style.css.
Kwafi da liƙa wannan shuɗin bangon bango mai zagaye salon kusurwa cikin salon style.css na jigon▼
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;
}Salon magana suna ƙayyade rubutun jiki (girman, launi), launi na baya, farar fata, iyakoki, da sauransu...
salon iyaka
Wannan salon yana da sauƙi mai sauƙi, wato, saita iyakar hagu kuma saita kauri.Launi yana sarrafa launin rubutu, kuma launi na bango yana sarrafa launi na bango (ko rukunin bangon kai tsaye).
Margin yana sarrafa nisa zuwa ɓangaren taga, gefen hagu na kan iyaka yana sarrafa salon iyakar hagu, kuma padding (musamman gefen hagu na padding hagu) yana sarrafa nisa daga rubutu zuwa iyakar (hagu).
Wannan salon yana da sauƙi kamar bulogi mai sauƙi.
Kwafi da liƙa wannan salon bangon rawaya mai zuwa cikin fayil ɗin style.css na jigon▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Abubuwan da ke sama sune salon blockquote 2.
- Ƙara salo iri ɗaya da yawa za a sake rubuta su.
- Don haka, da fatan za a zaɓi ɗaya daga cikinsu kuma ƙara shi zuwa fayil ɗin style.css na jigon.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) shared "Yaya ake amfani da blockquote? HTML a cikin blockquote tag demo sakamako, don taimaka muku.
Barka da zuwa raba hanyar haɗin wannan labarin:https://www.chenweiliang.com/cwl-2123.html
Barka da zuwa tashar Telegram na Chen Weiliang's blog don samun sabbin abubuwa!
📚 Wannan jagorar ya ƙunshi ƙima mai yawa, 🌟Wannan dama ce da ba kasafai ba, kar a rasa ta! ⏰⌛💨
Share da like idan kuna so!
Rarraba ku da abubuwan so sune ci gaba da ƙarfafa mu!