有些主题开发人员希望自己的主题标题栏上只显示图片而没有文字,而有些则会在图片上显示一些文字,但这些文字没有什么特别用处。有一个解决方法:删除可以生成网站标题和副标题的模板标签。还有一个解决方法是隐藏标题和副标题,这样就可以不删除任何内容。 要隐藏标题栏文字却将代码仍然保留,不修改模板文件中任何内容,只修改CSS。我们可以为自己不希望出现的CSS选择符添加display:none属性。例如,隐藏h1选择符中的文本信息: h1 {display:none; font-size: 230%; color: blue;....... h1标签中的内容还在代码中,但浏览器已经接到命令,不以任何方式在页面上显示这些内容。 这些内容已经被隐藏,但一些网页屏幕阅读器和搜索引擎仍然能找到被隐藏的信息。考虑到网站的可访问性,一些新型文本阅读器访问样式表时就不读取标 记为 display:none的元素。人们常用两种方法来解决这个问题。第一个就是根据上面介绍的方法使用display:none,但同时为选择符添加一个 aural(听觉)样式表,使属性变为display:block。另一种方法是通过缩进显示将内容“搬离页面”。下面是一个示例: h1 { font-size: 0; text-indent: -1000px; } 这种方法将整个h1标签及其内容从网页上删除。但屏幕阅读器仍然能够“读取”这些内容,因为实际上它们只是没有显示在网页上,却仍然留在代码中。根据后来的测试,这种方法适用于大多数浏览器以及所有屏幕阅读器。 description一样也可以隐藏,其他的大家就自己试试吧!
评论