E fa'afefea ona fa'aoga le blockquote? HTML blockquote tag demo aafiaga

WordPressI le fa'asologa o tala, o lo'o i ai se fa'amau fa'amau "upusii poloka"▼

E fa'afefea ona fa'aoga le blockquote? HTML blockquote tag demo aafiaga

A faʻaaogaina, e faʻaopoopoina aFa'ailoga e fa'aoga ai se fa'amatalaga si'i po'o fa'ailoga.

O le a le uiga o le blockquote?

O le mea neiChen WeiliangSitaili o upusii mo blogs:

O le blockquote XHTML tag o se mea aoga tele (pe a fai o se mea e le faʻaaogaina) elemene.I semanically, blockquote e tatau ona faʻaoga i soʻo se taimi e te siiina mai ai ni tusitusiga umi mai se isi punaoa (isi failauga, isi upega tafaʻilagi, ma isi).Ole auala lea e fa'agata ai tusitusiga ma fa'aalia i isi puna.
Sitaili-atamai, e mafai ona e faia nei mea uma i vasega faʻapitoa i luga o faʻailoga parakalafa ... ae e le aoga semantically, i le taimi nei, a ea? Blockquotes ei ai nisi sitaili e le mafai.
O le tele o tagata su'esu'e e fa'apipi'i tusitusiga i fa'ailoga poloka, lea e fesoasoani ai i tagata fa'aoga e iloa ai le tusitusiga i nisi o auala.Ae o ai e fai mai e tatau ona tatou taofi iina?O le auala lea e fai ai au poloka upusii ile CSS.

Su'e le test-css.html ma fa'aopoopo le vaega css i le tino 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>

E fa'afefea ona fa'aoga le blockquote?

Ua maua o nisi autu o WordPress e le faʻaopoopoina sitaili faʻasino i le style.css faila.

Kopi ma fa'apipi'i le sitaili tulimanu fa'ata'amilomilo lanu moana i lalo i le faila style.css o le autu▼

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;
}

O sitaili fa'asino e fuafua ai tusitusiga a le tino (tele, lanu), lanu o tua, avanoa pa'epa'e, tuaoi, ma isi...

sitaili tuaoi

O lenei sitaili e fai si faigofie, o lona uiga, seti le tuaoi agavale ma seti le mafiafia.E pulea e le lanu le lanu vaitusi, ma le lanu o le talaaga e pulea ai le lanu o tua (po'o le vaega tuusa'o).

O le pito e pulea le mamao i le elemene faamalama, o le itu tauagavale o le tuaoi e pulea le sitaili tuaoi agavale, ma o le padding (aemaise le itu agavale o le padding agavale) e pulea le mamao mai le tusitusiga i le (agavale) tuaoi.

O lenei sitaili e faigofie e pei o se blog faigofie.

Kopi ma fa'apipi'i le sitaili lanu samasama nei i le faila style.css o le autu▼

blockquote {
margin: 1em 3em;
padding: .5em 1em;
border-left: 5px solid #fce27c;
background-color: #f6ebc1; }
blockquote p {
margin: 0; }
  • O lo'o i luga e 2 sitaili poloka upusii.
  • O le fa'aopoopoina o sitaili tutusa e tele o le a fa'asolo.
  • Fa'amolemole filifili se tasi o ia mea ma fa'aopoopo i le faila style.css a le autu.

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) faʻasoa "E faʻafefea ona faʻaogaina le blockquote? HTML i le blockquote tag demo aafiaga, e fesoasoani ia te oe.

Fa'afeiloa'i e fa'asoa le so'otaga o lenei tusitusiga:https://www.chenweiliang.com/cwl-2123.html

Faʻafeiloaʻi i le Telegram channel o le blog a Chen Weiliang e maua ai faʻamatalaga lata mai!

🔔 Ia avea oe ma tagata muamua e maua le taua "ChatGPT Content Marketing AI Tool Usage Guide" i le laina pito i luga o le lisi! 🌟
📚 O lenei taʻiala o loʻo i ai le taua tele, 🌟O se avanoa e seasea maua, aua le misia! ⏰⌛💨
Faasoa ma fiafia pe a e fiafia i ai!
O lau fefa'asoaa'i ma le fiafia o la matou fa'aosofiaga faifaipea!

 

发表 评论

O le a le faʻasalalauina lau tuatusi imeli. Faʻaoga fanua e manaʻomia * Igoa

tusi i luga