HTML5文本 描述性信息 编辑提示
■知识点
HTML5使用下面两个元素来标记内容编辑的操作。
ins:己添加的内容。
del:已删除的内容。
这两个元素可以单独使用,也可以搭配使用。
■实例设计
【示例1】在代码中,对于己经发布的信息,使用ins又增加了一个项目,同时使用del移除了两条项目。使用ins的时候不一定要使用del,反之亦然。浏览器通常会让它们看起来与普通文本不一样。
<ul>
<li><del> 删除项目 </del></li>
<li>列表项目</li>
<li><del> 删除项目 </del></li>
<li><ins> 插入项目 </ins></li>
</ul>
浏览器通常对己删除的文本加上删除线,对插入的文本加上下划线。可以使用CSS重置这些样式。
【示例2】del和ins不仅可以标识短语内容,又可以包逛块级内容。
<ins>
<p>文本 l</p>
</ins>
<del>
<ul>
<li><del> 删除项目 </del></li>
<1:1>列表项目</li>
<li><del> 删除项目 </del></li>
<li><ins> 插入项目 </ins></li>
</ul>
</del>
cite属性(不同于cite元素)用于提供一个URL,指向说明编辑原因的页面。datetime属性提供编辑的时间。浏览器不会将这两个属性的值显示出来,不过可以为内容提供一些背景信息,用户或搜索引擎可以通过脚本提取这些信息,以供参考。
点击加载更多评论>>