整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
TML5元素
在上一篇中我們介紹了元素中新增的主體結構，那么與之對應就是元素中新增的非主體結構了。在HTML5中，非主體結構元素表示邏輯結構或附加信息。本次主要為大家介紹HTML5中新增的幾個非主體結構元素的定義及使用方法和例子。
1.header元素
header元素用于定義HTML文檔的頁眉，是一種具有引導和導航作用的結構元素。header元素通常表示整個頁面或者頁面內的一個內容區塊的標題。一般情況，一個header元素內嵌一個heading元素（h1~h6）。元素的示例如下圖：
HTML5中的header元素
在這段代碼中，h1元素表示該區域內容的標題，nav元素表示一個導航列表，除此之外，header元素的內容還可以是數據表格、搜索表單或相關的logo圖片，這也包括我們接下來要介紹的hgroup元素。不過要注意是，header元素應該放在頁面的開頭，而且可以存在多個。
2.hgroup元素
hgroup元素用于對header元素標題及其子標題進行分組。在使用header元素時，我們通常會嵌入一個heading（h1~h6）元素，那是因為我們只有一個標題，并且沒有子標題。如果header元素的標題下還有子標題，這時候就需要使用hgroup元素對其進行分組。示例代碼如下：
HTML5中的hgroup元素
3.footer元素
footer元素用于定義區塊的腳注，這個區塊可以是article元素或section元素。通常情況下，footer元素會包含創作者的姓名、文檔的創建時間、聯系方式和版權信息等。示例代碼如下圖：
HTML5中的footer元素
4.address元素
address元素用于定義文檔作者或者擁有者的聯系信息，包括文檔作者或文檔維護者的姓名、網站、電子郵件、聯系電話等。如果address元素位于article元素內部，則它表示該文章作者或擁有者的聯系信息。一般情況下，address元素應該添加到網頁的頭部或底部。比如將文章作者的聯系方式顯示在footer元素中的代碼如下圖所示：
HTML5中的address元素
這里要注意一下的如果在footer元素中需要顯示聯系方式，應該使用address元素，就像上圖中的那樣。在HTML5元素中新增非主體結構就到這里了。關注最新動態、了解更多精彩資訊請加我們的官方微信：pyyuanxing。謝謝大家的觀看，祝大家身體健康、生活愉快。
app 內嵌H5頁面，個人中心頁面模板，包含 列表 按鈕 圖片 icon 搜索 布局 上傳 對話框 。
手機演示地址：http://www.17sucai.com/preview/10221/2017-01-20/ceshi/index.html — my-read.html — my-secure.html — my-put.html — my-up.html
手機演示地址：http://www.17sucai.com/pins/demoshow/22887
手機版大氣信息管理系統界面模板
手機演示地址：http://www.17sucai.com/pins/demoshow/22475
藍色的手機登錄模板
手機演示地址：http://www.17sucai.com/pins/demoshow/22480
蘋果風格
手機演示地址：http://www.17sucai.com/pins/demoshow/20946
web前端開發的小伙伴經常會聽到HTML5這個詞，那么這個HTML5到底是什么呢？其實HTML5 是對 HTML 標準的第五次修訂。其主要的目標是將互聯網語義化，以便更好地被人類和機器閱讀，并同時提供更好地支持各種媒體的嵌入。HTML5 的語法是向后兼容的。
HTML5草案的前身名為 Web Applications 1.0，于04年被WHATWG提出，于07年被W3C接納，并成立了新的 HTML 工作團隊。
HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原先應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重復編碼、調試和運行，這是首先得解決的一個問題。因此也有許多手機雜志客戶端是基于HTML5標準，開發人員可以輕松調試修改。
HTML5將會取代99年制定的HTML 4.01、XHTML 1.0標準，以期能在互聯網應用迅速發展的時候，使網絡標準達到符合當代的網絡需求，為桌面和移動平臺帶來無縫銜接的豐富內容。
HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特征被引進以支持這一點，如video、audio和canvas 標記。
HTML5的出現大大節省了人們的開發成本。因為它通吃PC、Mac、iPhone、iPad、Android、Windows Phone等跨語言平臺。程序員們再也不必為不同款的手機做不同的APP了。那么創建HTML5網站需要哪些工具?
Aptana這個HTML5編輯器是一個開源的開發工具，支持開放的Web開發。開發者可以使用單一的設置來測試他們的Web應用程序。很多人更喜歡Adobe的Dreamweaver等工具，因為它在2010年獲得了HTML5包。
HTML其實是文本，它需要瀏覽器的解釋，它的編輯器大體可以分為以下幾種：
基本文本、文檔編輯軟件，使用微軟自帶的記事本或寫字板都可以編寫，當然，如果你用WPS來編寫，也可以。不過存盤時請使用.htm或.html作為擴展名，這樣就方便瀏覽器認出直接解釋執行了。
半所見即所得軟件，如：FCK-Editer、E-webediter等在線網頁編輯器；尤其推薦：Sublime Text代碼編輯器（由Jon Skinner開發，Sublime Text2收費但可以無限期試用）。
所見即所得軟件，使用最廣泛的編輯器，完全可以一點不懂HTML的知識就可以做出網頁，如：AMAYA（出品單位：萬維網聯盟）；FRONTPAGE（出品單位：微軟）;；Dreamweaver（出品單位Adobe）。
Microsoft Visual Studio（出品公司：微軟）：其中所見即所得軟件與半所見即所得的軟件相比，開發速度更快，效率更高，且直觀的表現更強。任何地方進行修改只需要刷新即可顯示。缺點是生成的代碼結構復雜，不利于大型網站的多人協作和精準定位等高級功能的實現。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
