html基本架構:特殊字元/nav, section和 article/aside/abbr, quote和blockquote

特殊字元-html語法

&amp=&
&copy=©
&lt=<

更多:
http://www.ascii.cl/htmlcodes.htm

nav, section and article/aside
<nav>導覽列
<ul>
<li><a href="header-footer.html">header &Footer</a></li>
<li><a href="ids_class.html">IDS &Classes</a></li>
<li><a href="div-span.html">Span &Div </a></li>
        </ul>

</nav>

<article 文章架構 class="blog-post">
<section 段落 class="post-heading" >標題
<h2>A Blog Post Heading</h2>
</section>

<section class="post-body">本體
<p>This the body of our blog post</p>
</section>

<section class="post-footer">結尾
<h2>Read more about this topic</h2>
<ol>
<li><a href="header-footer.html">header &Footer</a></li>
<li><a href="ids_class.html">IDS &Classes</a></li>
<li><a href="div-span.html">Span &Div </a></li>
                                </ol>
</section>
</article>

        <aside  側邊欄網頁的附加資訊id="main-sidebar">
<h4>About the Author</h4>
<p>This is a little biography about the author who wrote this article.</p>

</aside>

abbreviation, quote和blockquote
<p>This is coded with <abbr title="HyperText Markup Language ">HTML5</abbr>.</p>

<p>Martin Luther once said <q 引述I have a dream</q></p>

<blockquote>引述一大段話
<p>Five score years ago, a great American, in whose symbolic shadow we stand today, signed the Emancipation Proclamation. This momentous decree came as a great beacon light of hope to millions of Negro slaves who had been seared in the flames of withering injustice. It came as a joyous daybreak to end the long night of their captivity.</p>
</blockquote>

留言

這個網誌中的熱門文章

RWD響應設計--要點介紹

教你寫出神企劃:三星、首爾大學都在用的企劃力培養法--重點摘要

sketch基本操作