読者です 読者をやめる 読者になる 読者になる

プログラマーな日々

プログラマーをやっています。好きなツール:WorkFlowy、好きな言語:C#、好きなサービス:Backlog、好きなAWS:AWS Lambda。

rel属性 sidebarキーワード

HTML5

sidebarキーワードは、サイドバーに表示するドキュメントを表します。

使用例

start.html
<!DOCTYPE html>
<html lang="ja">
<head>
<title>Hello! HTML5</title>
<meta charset="UTF-8">
</head>
<body>
<p><a href="./html5top.html" rel="sidebar">サイドバーにHTML5トップページを登録</a></p>
</body>
html5top.html
<!DOCTYPE html>
<html lang="ja">
<head>
<title>Hello! HTML5></title>
<meta charset="UTF-8">
</head>
<body>
<ul>
<li><a href="./hoge.example1.html">トピック1</a></li>
<li><a href="./hoge.example2.html">トピック2</a></li>
<li><a href="./hoge.example3.html">トピック3</a></li>
</ul>
</body>

レンダリング(Opera)

初期表示

リンククリック

ダイアログが表示されます。

ダイアログで[追加]クリック

ドキュメントがサイドバーに表示されます。