HTML標(biāo)簽之<q> <blockquote>_html/css_WEB-ITnose
Jun 24, 2016 am 11:34 AM
兩個(gè)標(biāo)簽都表示“引用”。
不同的是,q標(biāo)簽是行內(nèi)元素,在內(nèi)容的開(kāi)始和結(jié)尾處會(huì)包有“”,而 blockquote是塊級(jí)元素,默認(rèn)帶有左右40px的外間距,不帶“”。
從語(yǔ)義上講,前者引用的是小段文字,后者引用的是大段的內(nèi)容塊。
從兼容性上講,在IE67下q標(biāo)簽不會(huì)帶有“”。FF下的引號(hào)是漂亮的全角字符:“”。而chrome下則為半角字符:""。至于IE89,應(yīng)該也是全角字符,但在不指定字體的情況下真的丑爆了,在為其指定宋體或者微軟雅黑后呈現(xiàn)與FF一致。
相關(guān)擴(kuò)展:
cite 屬性規(guī)定引用的來(lái)源。
該屬性的值是一個(gè)包含在引號(hào)中并指向聯(lián)機(jī)文檔的 URL,以及(如果有可能的話)引用在該文檔中的確切位置。比方說(shuō):
<blockquote cite="http://www.wwf.org">WWF's ultimate goal is to build a future where people live in harmony with nature.</blockquote>
主流瀏覽器均不支持 cite 屬性。不過(guò),搜索引擎可能會(huì)使用該屬性獲得更多有關(guān)引用的信息。

? AI ??

Undress AI Tool
??? ???? ??

Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover
???? ?? ???? ??? AI ?????.

Clothoff.io
AI ? ???

Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

?? ??

??? ??

???++7.3.1
???? ?? ?? ?? ???

SublimeText3 ??? ??
??? ??, ???? ?? ????.

???? 13.0.1 ???
??? PHP ?? ?? ??

???? CS6
??? ? ?? ??

SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)

HTMLHEAD? ?? ???? SEO, ?? ?? ? ???? ??? ?????. 1. ??? ??? ??? ????, ???? ???? ???? ??????. 2. OpenGraph ? Twitter ?? ??? ???? ?? ?? ??? ????? ??? ?????? ???? ??? ??? ???? ???????. 3. ?? ?? ? ??? ??? ???? ??? ??? ??? ???? ????????. 4. ?? ???, ?? ?? ? ?? ?? ?? ???? ?? ??? ??? ????? ???????.

Tolearnhtmlin2025, chooSeatUtoriorialThatthatthath and-practicewithmoderndardAndardsandegratescssandjavaScriptBasics.1.

???? ??? HTML ?? ???? ??? ??? ?????? ?? Div Flex ?? ??? ????? ???? ??? ?????? ??? ???????. ??, ?? ???? ?????? ?? CSS? ?? ? ?? ????. ?? ?? ??? ALT ??? ?? ???? ?? URL? ?????? ??? ???? ??? ?? TD? ??????????. ????? ?? ?????? ?? ??? ????? ???????.

??? ??? ??? HTML ?? ??? ??? ????? ?? ?? ?? ?? ???? ?? ?? ? ? ????. ?? ???? ??? ?????. 1. JavaScript? ???? ?? ?? ? ??? ???? ???? ?? ?? ??? ?? ?? ? ???? ???? ????. 2. Formspree? ?? ?? ???? ? ???? ???? ???? ???? ??? ?? ? ???? ??? ?????. 3. LocalStorage? ???? ??? ?? ??? ????? ?? ??? ?? ???? ??? ???? ? ????? ??? ??? ?? ???? ???? ????.

???, ID, ???, ??? ? ??? HTML?? ?? ????? ???? ??? ?????. ???? ??? ?? ? JavaScript ??? ?????? ?? ?? ??? ??? ??? ???? ? ?????. ID? ?? ?? ? JavaScript ???? ??? ??? ?? ?? ???? ?????. ???? ???? ??? ???? ?? ? ? ??? ?? ???? ????? ??? ???? ???? ????. ??? ??? ??? ?? ???? ???? ? ????, ?? ??? ?? ? ??? ?? ??? ?????. ??? ??? ?? ????? ???? ? ????? ???? ??? ????? ?? ?????. ??? ??? ????? ???? ?? ???? ??? ??? ???? ? ????.

Native Lazy Loading? ?? ???? ????,?? = "???"??? ??? ???? ??? ????? ? ? ????. 1. JavaScript ?? ?? ?????? ???? ??? HTML?? ?? ?????. 2. ??? ??? ? ?? ??? ???? ?? ??, ?? ??? ??? ??? ? ? ?? ???? ?????. 3. ? ?? ?? ?? ???????? ???? ???? ????. 4. ??? ??? ?, ??? ?? ???? ???? ??? ??? ?? ???????. 5. SRCSET ? ?? ??? ?? ?? ? ??? ??? ????????. 6. ??? ??? ???????. ?? ??? ??????? ???? ????. ?? ??? ?? ??? ? ??? JavaScript ???? ?? ? ? ????.

? ???? ??? ??? ????? ?? HTML ??? ???? ???? ?? ??? ????? ????. 1. ??? ???? ???? CSS ????? ???? ??? ?? ?? ??? ?????. 2. ??? ??? ????? .mp4 ? Webm? ???? ???? ?????. 3. ??? ???? ?? ??? ???? ?? Muted ? PlaySinline ??? ??????. 4. ?? ??? ????? ?? ??? ??? ???? ?? MB? ???? ?? ????. 5. ??? ?? ??? ???? ?? ??? ??????. 6. ?? ?? ?? ?? ??? ???? ??? ? ??? ???? ?? ? ?? ?? ??? ???? ?? ??? ?????. ?? ??? ????? ???? ??? ??? ?? ? ? ????.

IFRAMES? ?????? ?? ??? CSS? ???? ???? ???? ?? ????? ???? ??? ???? ????. 1. ?? ??? ???? ?? ??? ???? ??? ????. 16 : 9? ?? ???? ??? ?? -TOP56.25%, 4 : 3? ????, 4 : 3? 75%? ???? 1 : 1? 100%? ????; 2. iframe ??? 100%? ???? ?? ??? ???? ????? ???? ??-?? ??? ???? ??? ??????. 3. ?? ???? ???? ?? ? ?? ???? ??? ?? ??? ???? ?? ? ?? ??? ???? ??? ????? ?? ?? ??? ????? ??????. Iframe? ?? ?? ???? ?? ???? ? ?? ??? ???????.
