您应该使用语义
image replacement method:这使得最精细的设计(图像,颜色等等,图形是您的牡蛎)以及完全语义和可访问.
否则如上所述,你可以添加任何内联元素的元素:A,SPAN,ect ……在你的H1里面…但如果你对语义和SEO友好感兴趣,我会回避这个:
h1{
background: url('../path/to/image/image_to_replace_header.jpg') no-repeat top left; // Sets the BG that will replace your header
text-indent: -9999px; // Moves the test off screen
overflow: hidden; // Hides the staggered text for good
width: 300px; // Sets width of block(header)
height: 100px; // Sets height of block(header)
}
My Awesome Site
现在你的文字在技术上仍然存在,但你有一张漂亮的照片.视力不佳,视力不佳,机器人友好.