Article Directory
InWordPressAo amin'ny fanovana lahatsoratra dia misy bokotra "block quote" mahazatra▼
Rehefa ampiasaina dia manampy aMarker mba hiantsoana fanambarana voatonona na manasongadina.
Inona no dikan'ny blockquote?
Ity manaraka ity diaChen WeiliangFomba fanononana ho an'ny bilaogy:
Ny tenifototra XHTML blockquote dia singa tena ilaina (raha misy tsy ampiasaina).Amin'ny semantika, blockquote dia tokony ampiasaina isaky ny manonona lahatsoratra lava kokoa avy amin'ny loharano hafa ianao (mpikabary hafa, tranokala hafa, sns.).Ity dia fomba iray hamerana lahatsoratra sy hanehoana azy miaraka amin'ny loharano hafa.
Amin'ny lafiny fomba, azonao atao izany rehetra izany amin'ny kilasy manokana amin'ny mari-pamantarana paragrafy ... saingy tsy misy ilàna azy izany, sa tsy izany? Ny blockquotes dia manana fomba fanao sasany.
Ny ankamaroan'ny navigateur dia mampiditra lahatsoratra amin'ny marika blockquote, izay manampy ny mpampiasa hamantatra ny lahatsoratra amin'ny fomba sasany.Fa iza no hilaza fa mila mijanona eo isika?Ity ny fomba hanamboaranao ny blockquotes miaraka amin'ny CSS.
Andramo ny test-css.html ary ampio ny fizarana css amin'ny vatana 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>
Ahoana ny fampiasana blockquote?
Hita fa ny lohahevitry ny WordPress sasany dia tsy manampy fomba fanondroana ao amin'ny rakitra style.css.
Adikao ary apetaho amin'ny fisie style.css an'ny lohahevitra▼ ity lafika manga manaraka ity
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;
}Ny fomba fanondroana dia mamaritra ny lahatsoratra vatana (habe, loko), loko afara, habaka fotsy, sisin-tany, sns...
fomba sisintany
Ity fomba ity dia somary tsotra, izany hoe, mametraka ny sisiny havia ary mametraka ny hateviny.Ny loko no mifehy ny lokon'ny endritsoratra, ary ny lokon'ny lamosina no mifehy ny lokon'ny lamosina (na ny vondrona ambadika mivantana).
Ny sisiny dia mifehy ny halaviran'ny singam-baravarankely, ny ilany havia amin'ny sisintany dia mifehy ny fomba sisintany havia, ary ny padding (indrindra ny ilany havia amin'ny padding ankavia) no mifehy ny halaviran'ny lahatsoratra mankany amin'ny sisintany (ankavia).
Ity fomba ity dia tsotra toy ny bilaogy tsotra.
Adikao ary apetaho amin'ny rakitra style.css amin'ny lohahevitra▼ ity fomba fiaviana mavo ity
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Ireo ambony ireo dia fomba blockquote 2.
- Ny fampidirana fomba mitovy maro dia hosoloina.
- Noho izany, misafidiana iray amin'izy ireo ary ampio amin'ny rakitra style.css an'ny lohahevitra.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) nizara "Ahoana ny fampiasana blockquote? HTML ao amin'ny effet demo tag blockquote, hanampy anao.
Aza misalasala mizara ity rohy ity: https://www.chenweiliang.com/cwl-2123.html