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>即席html5雛形</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