<!--HTML5（009）<section>區塊層級</section>-->
<!--<section>：自訂的區塊，
例如數篇摘要組成的空間。-->
<!doctype html>
<html>
<head>
    <meta charset = "utf-8">
    <title>HTML5（009）<section>區塊層級</section></title>
</head>
<body>
<h1>李白</h1>
<h3>《靜夜思》</h3>
<p>床前明月光，</p>
<p>疑是地上霜。</p>
<p>舉頭望明月，</p>
<p>低頭思故鄉。</p>
<hr>
<section>
<h1>語意</h1>
<!--在<section>元素內的區塊會自降一級，
所以上方的標題輸出元素雖然是<h1>但顯示
時卻會是<h2>的大小。-->
<p>床前灑滿皎潔的月光，朦朧中我以為地上有霜。</p>

<p>可是抬頭一望，圓圓的秋月真明亮。</p>

<p>望著月兒，情不自禁想故鄉。</p>

<p>想著想著，我低下了頭，心中的思念沒有盡頭。</p>

</section>
</body>
</html>

結果為：

image

arrow
arrow
    文章標籤
    HTML5 section < > 區 塊 層 級
    全站熱搜
    創作者介紹
    創作者 愛學習 的頭像
    愛學習

    愛學習

    愛學習 發表在 痞客邦 留言(0) 人氣()