隠しテキスト・検索用テキストの設定

画像が多めのサイトに検索用のテキストを忍ばせる

• html

<ul class="secret">
	<li>サンプル</li>
	<li>サンプル</li>
	<li>サンプル</li>
</ul>

<!-- もしくは -->

<p class="txt-hidden">サンプル</p>

• css

/* 親要素から消す */
.secret{
	display: none;
}

/* 要素そのものを消す */
.txt-hidden {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

参考：こういうやり方もある
http://ss-complex.com/2013/12/css-cleartext/