位置:首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > HTML > 問(wèn)題詳情

HTML5文本 描述性信息 修飾

提問(wèn)人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-20评论0

■知識(shí)點(diǎn)

    span是沒(méi)有任何語(yǔ)義的行內(nèi)元素,適合包裹短語(yǔ)、流動(dòng)對(duì)象等內(nèi)容,而div適合包含塊級(jí)內(nèi)容。如果希望為行內(nèi)對(duì)象應(yīng)用下面項(xiàng)目,則可以考慮使用span元素。

    HTML5屬性,如 class、dir、id、lang、title 等。

    CSS 樣式。

    JavaScript 腳本。

■實(shí)例設(shè)計(jì)

下面的示例使用span元素為行內(nèi)文本“HTML”應(yīng)用CSS樣式,設(shè)計(jì)其顯示為紅色。

    <style type="text/css">

    .red { color: red; }

    </style>

    <p><span class="red">HTML</span>是通向 Web 技術(shù)世界的鑰匙。</p>

    在上面示例中,想對(duì)一小塊文字指定不同的顏色,但從句子的上下文看,沒(méi)有一個(gè)語(yǔ)義上適合的HTML元素,因此額外添加了span元素,定義一個(gè)類(lèi)樣式。

■小結(jié)

    span沒(méi)有語(yǔ)義,也沒(méi)有默認(rèn)格式,用戶(hù)可以使用CSS添加類(lèi)樣式。可以對(duì)一個(gè)span元素同時(shí)添加class和id屬性,兩者區(qū)別:class用于一組元素,而id用于頁(yè)面中單獨(dú)的、唯一的元素。在HTML5中,沒(méi)有提供合適的語(yǔ)義化元素時(shí),微格式經(jīng)常使用span為內(nèi)容添加語(yǔ)義化類(lèi)名,以填補(bǔ)語(yǔ)義上的空白。

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部
付费复制

付费获取七天复制权限

限时特价:2.88元/篇原价:10元
联系客服

扫码关注公众号,发送私信联系客服.

微信扫码关注,联系客服

联系客服QQ:2845411722

恭喜您,操作成功,可以复制了

3秒后关闭
X