位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML5文本 描述性信息 修饰

提问人:刘团圆发布时间:2020-11-20

■知识点

    span是没有任何语义的行内元素,适合包裹短语、流动对象等内容,而div适合包含块级内容。如果希望为行内对象应用下面项目,则可以考虑使用span元素。

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

    CSS 样式。

    JavaScript 脚本。

■实例设计

下面的示例使用span元素为行内文本“HTML”应用CSS样式,设计其显示为红色。

    <style type="text/css">

    .red { color: red; }

    </style>

    <p><span class="red">HTML</span>是通向 Web 技术世界的钥匙。</p>

    在上面示例中,想对一小块文字指定不同的颜色,但从句子的上下文看,没有一个语义上适合的HTML元素,因此额外添加了span元素,定义一个类样式。

■小结

    span没有语义,也没有默认格式,用户可以使用CSS添加类样式。可以对一个span元素同时添加class和id属性,两者区别:class用于一组元素,而id用于页面中单独的、唯一的元素。在HTML5中,没有提供合适的语义化元素时,微格式经常使用span为内容添加语义化类名,以填补语义上的空白。

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部