HTML5新的語意標籤儘管有很多的好處，但是在低版本的老IE瀏覽器中還是存在兼容性問題的，常常讓人感到頭疼，到底是大膽的使用新標籤還是使用傳統的大量的DIV無義標籤？今天就簡單的來看看H5新標籤的兼容性處理方式。首先來看一小段簡單的程式碼：HTML程式碼： 測試H5新標籤相容性 &nb</p> <p><span style="line-height: 1.76em;">1. <a href="http://www.php.cn/html5-tutorial-359642.html" target="_blank">詳細介紹HTML5新標籤的兼容性處理（圖）</a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/194/509f7d7d997cad2284fbce0eff8b0cb8.jpg" style="max-width:90%" alt="總結HTML5之語意標籤介紹" ></span></p> <p>##簡介：HTML5新的語意標籤儘管有很多的好處，但是在低版本的老IE瀏覽器中還是存在兼容性問題的，常常讓人感到頭疼，到底是大膽的使用新標籤還是使用傳統的大量的DIV無義標籤？今天就簡單的來看看H5新標籤的兼容性處理方式。 <span style="line-height: 1.76em;"></span></p> <p>2. <span style="line-height: 1.76em;">HTML5之語意標籤介紹<a href="http://www.php.cn/html5-tutorial-352772.html" target="_blank"></a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/194/1fc00dd75168e12ce8e94552a1e8b52d.jpg" style="max-width:90%" alt="總結HTML5之語意標籤介紹" ></span></p> <p>簡介：在HTML5標準中，新加了幾個用來增添頁面語意的標籤，這些標籤有：article、section、nav和aside等。與別的大多數標籤不 同，瀏覽器在解釋渲染這些標籤的時候僅僅把它作為普通的div塊級元素來處理，不會添加任何額外的展現邏輯；也即，這些標籤僅用於增添語義。對於Web開發人員而言，使用這些標籤<span style="line-height: 1.76em;"></span></p> <p>3. <span style="line-height: 1.76em;">關於HTML5語意標籤的實踐(blog頁面) <a href="http://www.php.cn/html5-tutorial-352769.html" target="_blank"></a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/194/037858e0134ec967183bbfb15cea8621.png" style="max-width:90%" alt="總結HTML5之語意標籤介紹" ></span></p> <p>簡介：仿照著用HTML5+CSS3做了一個blog頁面。整體效果佈局如如： 頁面佈局是基於html5元素的。所以在開始動手之前先熟悉一下HTML5元素，然後檢查它的語意是否適合你的佈局很重要。 The HTML5 Structure有一點很重要，當寫HTML5程式碼的時候，不要簡單地把<div>標籤用html5中的<section>標籤<span style="line-height: 1.76em;"></span></p> <p>4. <span style="line-height: 1.76em;"> html/css應用的方法<a href="http://www.php.cn/html5-tutorial-35408.html" target="_blank"></a></span></p> <p>簡介：語意化標籤應注意的一些問題：1.盡可能少用無語義標籤div和span;2.不要使用純樣式標籤，例如b、font和u等，改用css設定。語意上需要強調的文字可以在strong或em標籤裡。 ...，。 <span style="line-height: 1.76em;"></span></p> <p>5. <span style="line-height: 1.76em;">jQuery學習筆記操作jQuery物件屬性處理_jquery<a href="http://www.php.cn/js-tutorial-18601.html" target="_blank"></a></span></p> <p>簡介：HTML文檔，不只一系列語意標籤，每個標籤下屬還有一系列屬性節點。自然我們也想去操作這些屬性節點。格式仍為$(selector).方法<span style="line-height: 1.76em;"></span></p> <p>6. <span style="line-height: 1.76em;">標記語言－片語元素_HTML/Xhtml_網頁製作<a href="http://www.php.cn/div-tutorial-12735.html" target="_blank"></a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/009/58aa95ae004ab415.jpg" style="max-width:90%" alt="總結HTML5之語意標籤介紹" ></span></p> <p>#簡介：點選這裡返回網頁教學網HTML教學欄位．上文：標記語言－表單原文出處Chapter 6 <strong>,<em>與其他短語元素在引言和前面的章節中,已經稍微提到過語義標籤的概念,使用標籤為文件標識意義,而非單純的以標籤設定顯示效果.設計完<span style="line-height: 1.76em;"></span></p> <p>【相關問答推薦】：<strong></strong></p> <p>HTML5 增加的語意標籤（元素）有什麼意義？ <nav><section><article><aside><a href="http://www.php.cn/wenda/59498.html" target="_blank"></a>#</p>
