Created
February 19, 2010 06:29
-
-
Save tenman/308496 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <head> | |
| <meta charset=utf-8> | |
| <title>quickHtml5Template.html</title> | |
| <!--[if IE]> | |
| <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> | |
| <![endif]--> | |
| <link ref="stylesheet" href="http://html5resetcss.googlecode.com/files/html5-reset-1.4.css" media="all"> | |
| <!--Include YUI Loader: --> | |
| <script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/yuiloader/yuiloader-min.js"></script> | |
| <!--Use YUI Loader to bring in your other dependencies: --> | |
| <script type="text/javascript"> | |
| // Instantiate and configure YUI Loader: | |
| (function() { | |
| var loader = new YAHOO.util.YUILoader({ | |
| base: "", | |
| require: ["base","fonts","grids","reset"], | |
| loadOptional: false, | |
| combine: true, | |
| filter: "MIN", | |
| allowRollup: true, | |
| onSuccess: function() { | |
| } | |
| }); | |
| loader.insert(); | |
| })(); | |
| </script> | |
| <script type="text/javascript" src="http://www.google.com/jsapi"></script> | |
| <script type="text/javascript">google.load("jquery", "1.3.2");</script> | |
| <script type="text/javascript"> | |
| jQuery(function() { | |
| // alert("これはhtml5の実験用のドキュメントです。"); | |
| }); | |
| </script> | |
| <style type="text/css"> | |
| /*IE8必須*/ | |
| body{ | |
| margin:0; | |
| padding:0; | |
| border-top:12px ridge green; | |
| } | |
| header,article,section,nav { | |
| display:block; | |
| } | |
| div[class^=yui-t] { | |
| } | |
| nav { | |
| background:#eef; | |
| } | |
| .bar { | |
| height:50px; | |
| } | |
| h1 { | |
| text-indent:1em; | |
| } | |
| .vevent { | |
| border:1px solid #ccc; | |
| margin:10px; | |
| padding:10px; | |
| } | |
| span.location { | |
| color:green; | |
| } | |
| .vevent:before { | |
| content:"Schedule"; | |
| display:block; | |
| text-decoration:underline; | |
| font-weight:700; | |
| margin-bottom:10px; | |
| } | |
| ul.html5-element{ | |
| font-size:16px; | |
| } | |
| ul.html5-element .new{ | |
| color:#f55; | |
| } | |
| ul.html5-element .optional:after{ | |
| content:"optional elemant"; | |
| color:red; | |
| margin-left:1em; | |
| /*http://dev.w3.org/html5/html-author/#metadata-content*/ | |
| } | |
| table{width:100%;} | |
| td{border:0;} | |
| td a{text-decoration:none;} | |
| /** | |
| * nav link style | |
| * | |
| * | |
| * | |
| */ | |
| nav { | |
| width: 12em; | |
| border-right: 1px solid #000; | |
| padding: 0 0 1em 0; | |
| margin-bottom: 1em; | |
| font-family: 'Trebuchet MS', 'Lucida Grande', | |
| Verdana, Lucida, Geneva, Helvetica, | |
| Arial, sans-serif; | |
| /*background-color: #90bade;*/ | |
| color: #333; | |
| } | |
| nav ul { | |
| list-style:none; | |
| margin: 0; | |
| padding: 0; | |
| border:none; | |
| } | |
| nav li { | |
| border-bottom: 1px solid #90bade; | |
| margin: 0; | |
| list-style-type:none; | |
| } | |
| nav li a { | |
| display: block; | |
| padding: 5px 5px 5px 0.5em; | |
| border-left: 10px solid #1958b7; | |
| border-right: 10px solid #508fc4; | |
| background-color: #2175bc; | |
| color: #fff; | |
| text-decoration: none; | |
| width: 100%; | |
| } | |
| html>body nav li a { | |
| width: auto; | |
| } | |
| nav li a:hover { | |
| border-left: 10px solid #1c64d1; | |
| border-right: 10px solid #5ba3e0; | |
| background-color: #2586d7; | |
| color: #fff; | |
| } | |
| /*heading*/ | |
| header{ | |
| padding:10px 0; | |
| } | |
| h1{ | |
| font-family: times, Times New Roman, times-roman, georgia, serif; | |
| color: orange; | |
| margin: 0; | |
| font-size: 48px; | |
| line-height: 62px; | |
| padding: 0px 25px 0px 0px; | |
| letter-spacing: -2px; | |
| text-shadow: 2px 2px 0 #efefef; | |
| /*ie*/ | |
| filter: dropshadow(color=#374683,offX=0,offY=-2); | |
| /*ie*/ | |
| filter: dropshadow(color=#374683,offX=0,offY=-2); | |
| } | |
| h2{ | |
| font-family: times, Times New Roman, times-roman, georgia, serif; | |
| color: #444; | |
| margin: 0; | |
| font-size: 36px; | |
| line-height: 36px; | |
| padding: 0px 25px 0px 0px; | |
| letter-spacing: -2px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!--[if lte IE 6]> | |
| <div class="ie6-warning"> | |
| <p>Warning, if you are viewing this website in Internet Explorer 6 or below some parts of it may not render correctly as built it using progressive enhancement. These issues will be corrected so that all content is viewable in due course.</p> | |
| </div> | |
| <![endif]--> | |
| <!-- t1-t6 column width--> | |
| <div class="yui-t2"> | |
| <header class="bar"> | |
| <h1>即席ｈｔｍｌ５雛形</h1> | |
| </header> | |
| <article id="yui-main"> | |
| <section class="yui-b" > | |
| <h2>Example</h2> | |
| <p>One of the blocks. Lorem ipsum dolor | |
| sit amet, consectetuer adipiscing elit, | |
| sed diam nonummy nibh euismod tincidunt ut | |
| laoreet dolore magna aliquam erat volutpat.</p> | |
| <div class="vevent"> | |
| <a class="url" href="http://www.web2con.com/">http://www.web2con.com/</a> | |
| <span class="summary">Web 2.0 Conference</span>: | |
| <time class="dtstart" datetime="2007-10-05">October 5</time> - | |
| <time class="dtend" datetime="2007-10-20">19</time>, | |
| at the <span class="location">Argent Hotel, San Francisco, CA</span> | |
| </div> | |
| </section> | |
| <section class="yui-b"> | |
| <h2>instant html5</h2> | |
| <p>このhtmlファイルは、cssやjavascriptファイルは、API経由で 取得しているので、このファイルをコピペすれば、いつでも、html5を書きたくなったら、ためし書きが出来ます。</p> | |
| <p> div class="yui-t2" のところをt-1からt-6まで変えるとそれなりのカラム比になります。カスタマイズも可能なので、お楽しみください。</p> | |
| </section> | |
| <section class="yui-b"> | |
| <h2>List Elements</h2> | |
| <table><tr><td style="vertical-align:top;width:50%"> | |
| <ul class="html5-element" id="A"><li><a href="#toc">△</a><strong>A</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-a-element"> a</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-abbr-element"> abbr</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-address-element"> address</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/the-canvas-element.html#the-area-element"> area</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-article-element"> article</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-aside-element"> aside</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/video.html#audio"> audio</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-b-element"> b</a></li> | |
| </ul> | |
| <ul class="html5-element" id="B"><li><a href="#toc">△</a><strong>B</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-base-element"> base</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-bdo-element"> bdo</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-blockquote-element"> blockquote</a></li> | |
| <li class="optional"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-body-element-0"> body</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-br-element"> br</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-button-element"> button</a></li> | |
| </ul> | |
| <ul class="html5-element" id="C"><li><a href="#toc">△</a><strong>C</strong></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/the-canvas-element.html#the-canvas-element"> canvas</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/tabular-data.html#the-caption-element"> caption</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-cite-element"> cite</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-code-element"> code</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/tabular-data.html#the-col-element"> col</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/tabular-data.html#the-colgroup-element"> colgroup</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/interactive-elements.html#the-command"> command</a></li> | |
| </ul> | |
| <ul class="html5-element" id="D"><li><a href="#toc">△</a><strong>D</strong></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-datalist-element"> datalist</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-dd-element"> dd</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-del-element"> del</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/interactive-elements.html#the-details-element"> details</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-dfn-element"> dfn</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-div-element"> div</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-dl-element"> dl</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-dt-element"> dt</a></li> | |
| </ul> | |
| <ul class="html5-element" id="E"><li><a href="#toc">△</a><strong>E</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-em-element"> em</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-embed-element"> embed</a></li> | |
| </ul> | |
| <ul class="html5-element" id="F"><li><a href="#toc">△</a><strong>F</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-fieldset-element"> fieldset</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-figure-element"> figure</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-footer-element"> footer</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-form-element"> form</a></li> | |
| </ul> | |
| <ul class="html5-element" id="H"><li><a href="#toc">△</a><strong>H</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements"> h1</a></li> | |
| <li class="optional"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-head-element-0"> head</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-header-element"> header</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-hgroup-element"> hgroup</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-hr-element"> hr</a></li> | |
| <li class="optional"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-html-element-0"> html</a></li> | |
| </ul> | |
| <ul class="html5-element" id="I"><li><a href="#toc">△</a><strong>I</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-i-element"> i</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-iframe-element"> iframe</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-img-element"> img</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-input-element"> input</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-ins-element"> ins</a></li> | |
| </ul> | |
| <ul class="html5-element" id="K"><li><a href="#toc">△</a><strong>K</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-kbd-element"> kbd</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-keygen-element"> keygen</a></li> | |
| </ul> | |
| <ul class="html5-element" id="L"><li><a href="#toc">△</a><strong>L</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-label-element"> label</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-legend-element"> legend</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-li-element"> li</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-link-element"> link</a></li> | |
| </ul> | |
| </td><td style="vertical-align:top"> | |
| <ul class="html5-element" id="M"><li><a href="#toc">△</a><strong>M</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/the-canvas-element.html#the-map-element"> map</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-mark-element"> mark</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/interactive-elements.html#menus"> menu</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#meta"> meta</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-meter-element"> meter</a></li> | |
| </ul> | |
| <ul class="html5-element" id="N"><li><a href="#toc">△</a><strong>N</strong></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-nav-element"> nav</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-noscript-element"> noscript</a></li> | |
| </ul> | |
| <ul class="html5-element" id="O"><li><a href="#toc">△</a><strong>O</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-object-element"> object</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-ol-element"> ol</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-optgroup-element"> optgroup</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-option-element"> option</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-output-element"> output</a></li> | |
| </ul> | |
| <ul class="html5-element" id="P"><li><a href="#toc">△</a><strong>P</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-p-element"> p</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-param-element"> param</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-pre-element"> pre</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-progress-element"> progress</a></li> | |
| </ul> | |
| <ul class="html5-element" id="Q"><li><a href="#toc">△</a><strong>Q</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-q-element"> q</a></li> | |
| </ul> | |
| <ul class="html5-element" id="R"><li><a href="#toc">△</a><strong>R</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-rp-element"> rp</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-rt-element"> rt</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-ruby-element"> ruby</a></li> | |
| </ul> | |
| <ul class="html5-element" id="S"><li><a href="#toc">△</a><strong>S</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-samp-element"> samp</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#script"> script</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-section-element"> section</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-select-element"> select</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-small-element"> small</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/video.html#the-source-element"> source</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-span-element"> span</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-strong-element"> strong</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-style-element"> style</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-sub-and-sup-elements"> sub</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-sub-and-sup-elements"> sup</a></li> | |
| </ul> | |
| <ul class="html5-element" id="T"><li><a href="#toc">△</a><strong>T</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/tabular-data.html#the-table-element"> table</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/tabular-data.html#the-tbody-element"> tbody</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/tabular-data.html#the-td-element"> td</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-textarea-element"> textarea</a></li> | |
| <li class="optional"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/tabular-data.html#the-tfoot-element"> tfoot</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/tabular-data.html#the-th-element"> th</a></li> | |
| <li class="optional"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/tabular-data.html#the-thead-element"> thead</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-time-element"> time</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-title-element-0"> title</a></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/tabular-data.html#the-tr-element"> tr</a></li> | |
| </ul> | |
| <ul class="html5-element" id="U"><li><a href="#toc">△</a><strong>U</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/semantics.html#the-ul-element"> ul</a></li> | |
| </ul> | |
| <ul class="html5-element" id="V"><li><a href="#toc">△</a><strong>V</strong></li> | |
| <li><a href="http://www.w3.org/TR/2009/WD-html5-20090825/text-level-semantics.html#the-var-element"> var</a></li> | |
| <li class="new"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/video.html#video"> video</a></li> | |
| </ul> | |
| <ul class="links"><li> | |
| <a href="http://dev.w3.org/html5/html-author/#conforming-elements">optionalの参照元</a></li> | |
| </ul> | |
| </td></tr></table> | |
| <br style="clear:both;" /> | |
| <table><tr> | |
| <td><p><a href="#A">A</a></p></td> | |
| <td><p><a href="#B">B</a></p></td> | |
| <td><p><a href="#C">C</a></p></td> | |
| <td><p><a href="#D">D</a></p></td> | |
| <td><p><a href="#E">E</a></p></td> | |
| <td><p><a href="#F">F</a></p></td> | |
| <td><p><a href="#H">H</a></p></td> | |
| <td><p><a href="#I">I</a></p></td> | |
| <td><p><a href="#K">K</a></p></td> | |
| <td><p><a href="#L">L</a></p></td> | |
| <td><p><a href="#M">M</a></p></td> | |
| <td><p><a href="#N">N</a></p></td> | |
| <td><p><a href="#O">O</a></p></td> | |
| <td><p><a href="#P">P</a></p></td> | |
| <td><p><a href="#Q">Q</a></p></td> | |
| <td><p><a href="#R">R</a></p></td> | |
| <td><p><a href="#S">S</a></p></td> | |
| <td><p><a href="#T">T</a></p></td> | |
| <td><p><a href="#U">U</a></p></td> | |
| <td><p><a href="#V">V</a></p></td> | |
| </tr></table> | |
| </section> | |
| </article> | |
| <nav class="yui-b" id="toc"> | |
| <h2>Elements</h2> | |
| <ul> | |
| <li> <a href="#A">A</a> </li> | |
| <li> <a href="#B">B</a> </li> | |
| <li> <a href="#C">C</a> </li> | |
| <li> <a href="#D">D</a> </li> | |
| <li> <a href="#E">E</a> </li> | |
| <li> <a href="#F">F</a> </li> | |
| <li> <a href="#H">H</a> </li> | |
| <li> <a href="#I">I</a> </li> | |
| <li> <a href="#K">K</a> </li> | |
| <li> <a href="#L">L</a> </li> | |
| <li> <a href="#M">M</a> </li> | |
| <li> <a href="#N">N</a> </li> | |
| <li> <a href="#O">O</a> </li> | |
| <li> <a href="#P">P</a> </li> | |
| <li> <a href="#Q">Q</a> </li> | |
| <li> <a href="#R">R</a> </li> | |
| <li> <a href="#S">S</a> </li> | |
| <li> <a href="#T">T</a> </li> | |
| <li> <a href="#U">U</a> </li> | |
| <li> <a href="#V">V</a> </li> | |
| </ul> | |
| </nav> | |
| <br style="clear:both;" /> | |
| </div> | |
| <footer class="bar"> | |
| <address>http://d.hatena.ne.jp/tenman/</address> | |
| </footer> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment