概要
markタグについて説明します。
内容
markは特定のテキストをハイライトして目立たせる機能です。
ページの作成者が目立たせたい箇所に適用するのではなく、
ユーザーがページ内を検索して、検索結果をハイライト表示させて目立たせる
るようなケースを想定しています。
サンプル
「強調」という文字のみmarkを適用したサンプルです。
<!DOCTYPE HTML> <html lang="ja-JP"> <head> <meta charset="UTF-8" /> <title>mark tag sample</title> <style type="text/css"> header,article { background-color:#EEEEEE; margin:5px; } h1,h2,h4 { background-color:#99FF99; padding:5px; margin:5px; } hgroup { padding:5px; } </style> </head> <body> <div id="container"> <header><hgroup><h1>markタグ 実装サンプル</h1></hgroup></header> <article> <hgroup> <h1>markによる強調のサンプル</h1> <h4> 記事内容普通の文章あああああああああ<br /> 普通の文章あああああああああ<mark>強調</mark><br /> 普通の文章あああああ<mark>強調</mark>ああああ<br /> 普通の文章あああああああああ<br /> 普通の文章あああああああああ<br /> 普通の文章あああああああああ<br /> 普通の文章あああああああああ<br /> 普通の文章ああ<mark>強調</mark>あああああああ<br /> 普通の文章あああああああああ終了<br /> </h4> </hgroup> </article> </div> </body> </html>
完成画面のキャプチャ
