content内容生成技术

content属性生成的对象成为“匿名替换元素”。
content属性生成的内容和普通元素生成的内容不同的特性表现。

  1. content生成的文本无法选中、无法复制,就像设置了user-select:none。普通元素的文本可以轻松选中。
  2. content生成的文本不能被屏幕阅读设备读取,无法被搜索引擎抓取。不要把重要的文本信息用content生成,因为这对可访问性和seo都不友好。content属性只能用来生成一些无关紧要的内容,装饰性图形或者序号。不用担心原本重要的信息被content替换,替换的仅仅是视觉层。
    3.content生成的文本不能左右:empty伪类,当元素里面无内容,使用content设置内容不能和真正的元素内容等权益划分。
    4.content动态生成的值无法获取,content是一个非常强大的属性,其中一个强大之处就是计数器效果,可以自动累加数值。例如:.total:after{content:counter(sum)}

猜你喜欢

转载自www.cnblogs.com/FElxy/p/9144660.html