Win2003體系下SQL Server 2008裝置圖解教程(具體圖解)。本站提示廣大學習愛好者:(Win2003體系下SQL Server 2008裝置圖解教程(具體圖解))文章只能為提供參考,不一定能成為您想要的結果。以下是Win2003體系下SQL Server 2008裝置圖解教程(具體圖解)正文
HTML5帶出了一系列新元素,而且將在將來被普遍運用。但是,有一些元素在應用時易被混雜,包含以下兩個新元素:<article>和<section>。
最常被問起的成績是:在甚麼情形下我們應當應用這些元素?和我們應當若何准確的應用這些元素?
Section元素
這 是一個最輕易發生歧義的元素。它與<div>元素有甚麼差別?我們一向在用<div>來劃分段落,所以除 了<div>,我們甚麼時刻應用這個元素。我們援用官方文檔來論述它。依據WHATWG文檔,對<section>元素做了以下 描寫:
“<section>元素表現了一篇文檔或運用中,通用段落 - WHATWG”
從描寫中我們可以看出<section>元素的感化就是分段,或多或少相似於<div>。然則它仍有一個特例。在文檔中,參加了一段特殊聲明:
“當一個元素僅用於作風款式或是為了劇本的便利,我們勉勵作者應用<div>。<section>元素實用於,當元素的內容須要明白的列出時。- WHATWG”
基於這一點,我們可以總結以下兩點:
第一,雖然section元素在技巧上是可以設計款式的,然則當有龐雜的款式或劇本時,我們仍建議應用div元素。
第二,相似於<li>元素,section元素是用來羅列內容的。
是以在實際例子中,應用<section>元素的緣由是構造化的列出博客的內容,代碼以下:
<div class="blog">
<section class="post">
<h2 class="post-title">Blog Post Title</h2>
<p class="post-excerpt">Ice cream tart powder jelly-o.
Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p>
</section>
<section class="post">
<h2 class="post-title">Blog Post Title</h2>
<p class="post-excerpt">Ice cream tart powder jelly-o.
Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p>
</section>
<section class="post">
<h2 class="post-title">Blog Post Title</h2>
<p class="post-excerpt">Ice cream tart powder jelly-o.
Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p>
</section>
</div>
這只是個例子,<section>元素也能夠用作其他用處。
Article元素
從名字上,它曾經很好的诠釋了本身,然則我們仍要看看官方文檔上是若何描寫它的:
“在文檔,頁面,運用或是站點上的一個自力部門,而且年夜體上,是可自力分派,或是反復應用的,例如在宣布時。這個可所以服裝論壇t.vhao.net帖子,雜志或是消息,博客條目,用戶提交的評論,互動的小對象或小對象,或任何其他自力項目標內容。”
從上描寫中,我們可以總結出<article>元素公用於構造化文章,特殊是我們要宣布的,例如博客,頁面內容或是服裝論壇t.vhao.net帖子。
以下例子給出了若何應用<article>構建一個博客文章。
<article class="post">
<header>
<h1>This is Blog Post Title</h1>
<div class="post-meta">
<ul>
<li class="author">Author Name</li>
<li class="categories">Save in Categories</li>
</ul>
</div>
</header>
<div class="post-content">
Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.
Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat
cake tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies
halvah gummies danish biscuit applicake gingerbread jelly-o pastry.
</div>
</article>
另外,<article>元素還可與section元素聯合,須要的時刻,可使用<section>元素將文章分為幾個段落,以下例所示。
<article class="post">
<header>
<h1>This is Blog Post Title</h1>
<div class="post-meta">
<ul>
<li class="author">Author Name</li>
<li class="categories">Save in Categories</li>
</ul>
</div>
</header>
<div class="post-content">
<section>
<h2>This is the Sub-Heading</h2>
Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.
Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat cake
tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies halvah
gummies danish biscuit applicake gingerbread jelly-o pastry.
</section>
<section>
<h3>This is another Sub-Heading</h3>
Topping cheesecake sweet pie carrot cake sweet roll. Gummi bears lemon drops
toffee sesame snaps tart topping chupa chups apple pie gummies. Wafer chocolate
cake. Sugar plum chocolate bar topping ice cream carrot cake danish bonbon.
Cheesecake gummi bears dragée jujubes dragée dragée brownie jelly biscuit. Powder croissant jelly beans pastry.
</section>
</div>
</article>
總結
如萬維網的開創人和W3C的董事所猜測的那般,一切HTML5發明出來的新元素都是為了是收集構造加倍語義化。若何准確的運用這些元素在收集開辟者和設計者之間,仍存有爭辯。
不管若何,不要混雜不雅點。如我之條件出的,只需是公道的情形,且你看到應用了它使得構造變自得義不凡,那末請用它。