HTML5文本 描述性信息 修饰

■知识点

    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为内容添加语义化类名，以填补语义上的空白。