1. 程式人生 > >H5中與的區別

H5中與的區別

區別就是沒區別,在H5出現以後,主張語義化標籤,<header>、<footer>等html5的這幾個標籤都是收集了網上數百萬網站上出現概率比較多的部分確定的,比如網站80%都會用頁尾來宣告版權等等。

相比於普通的<div>標籤,H5的一些新標籤只是增強可讀性,同時執行時,搜尋引擎會在查詢元素上更省時,看下面一段程式碼:

<header>
    <hgroup>
	<h1>....</h1>
	<h2>....</h2> 
    </hgroup>
    <nav>
        <ul>
            <li>....</li>
            <li>....</li>
            <li>....</li>
	    <li>....</li>    
        </ul>
    </nav>
</header>
<article>
    <section>....</section>
    <section>....</section>
    <section>....</section>
    <section>....</section>
</article>
<aside>....</aside>
<footer>....</footer>

與這一段:

<div class="header">
    <div class="hgroup">
        <h1>....</h1>
        <h2>....</h2> 
    </div>
    <div class="nav">
        <ul>
            <li>....</li>
            <li>....</li>
            <li>....</li>
            <li>....</li> 
        </ul>
    </div>
</div> 
<div class="article">
    <div class="section">....</div>
    <div class="section">....</div>
    <div class="section">....</div>
    <div class="section">....</div>
</div> 
<div class="aside">....</div> 
<div class="footer">....</div>
哪一個更清晰呢?哪一個在查詢起來更省力呢?