本篇內(nèi)容主要講解“html5與傳統(tǒng)html的區(qū)別是什么 ”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“html5與傳統(tǒng)html的區(qū)別是什么 ”吧!
嘉興網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)公司!從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站建設等網(wǎng)站項目制作,到程序開發(fā),運營維護。成都創(chuàng)新互聯(lián)公司自2013年起到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設就選成都創(chuàng)新互聯(lián)公司。
一. HTML5語法的改變
該知識點所說變化指的是基于HTML4基礎上所定義的改變,主要有如下:
1.HTML5的文件擴展符(.html或.htm)與內(nèi)容類型(text/html)保持不變。
2.HTML5中,刻意不使用版本聲明,一份文檔將會適用于所有版本的HTML。
3.從HTML5開始,對于文件的字符編碼推薦使用UTF-8。
4.HTML5確保了與之前HTML版本的最大程度的兼容性。
為了保證兼容性,需從元素說起,在HTML5.中,元素的標記可以省略。其體來說,元素的標記分為“不允許寫結(jié)束標記”、“可以省略結(jié)束標記”和‘“開始標記和結(jié)束標記全部可以省略”三種類型。
• 不允許寫結(jié)束標記元素有:area、base、br、col.....
• 可以省略結(jié)束標記:li、dt、dd、p、rt......
• 開始標記和結(jié)束標記全部可以省略:html、head、body.....
二.新增的結(jié)構(gòu)元素
•section元素表示頁面中的一個內(nèi)容區(qū)塊,比如章節(jié)、頁眉、頁腳或頁面中的其他部分;
•article元素表示頁面中的一塊與上下文不相關(guān)的獨立內(nèi)容,譬如博客中的一篇文章或報紙中的一篇文章;
•aside元素表示article元素的內(nèi)容之外的、與article元素的內(nèi)容相關(guān)的輔助信息;
•header元素表示頁面中一個內(nèi)容區(qū)塊或整個頁面的標題;
•hgroup元素用于對整個頁面或頁面中一個內(nèi)容區(qū)塊的標題進行組合;
•footer元素表示整個頁面或頁面中一個內(nèi)容區(qū)塊的腳注。一般來說,它會包含創(chuàng)作者的姓名、創(chuàng)作日期以及創(chuàng)作者聯(lián)系信息;
•nav元素表示頁面中導航鏈接的部分;
•figure元素表示一段獨立的流內(nèi)容,一般表示文檔主體流內(nèi)容中的一個獨立單元,使用figcaption元素為figure元素組添加標題
2、新增的其他元素
•audio元素定義音頻,比如音樂或其他音頻流;
•embed元素用來插入各種多媒體,格式可以是Midi、Wav、AU、MP3等;
•mark元素上要用來在視覺上向用戶呈現(xiàn)那些需要突出顯示或高亮顯示的文字,典型應用就是在搜索結(jié)果中向用戶高亮顯示搜素關(guān)鍵詞;
•progress元素表示運行中的進程
•ruby元素表示ruby注釋(中文注音或字符)
•rt元素表示字符(中文注音或字符)的解釋或發(fā)音
•rp元素在ruby注釋中使用,以定義不支持ruby素的瀏覽器所顯示的內(nèi)容。
•wbr元素表示軟換行,而當寬度不夠時,主動在此處進行換行
•canvas元素表示圖形,比如圖表和其他圖像
•cammand元素表示命令按鈕,比如單選按鈕、復選框或按鈕
•details元素表示用戶要求得到并且可以得到的細節(jié)信息
•datagrid元素表示可選數(shù)據(jù)的列表,它以樹形列表的形式來顯示
•keygen元素表示生成密鑰
•output元素表示不同類型的輸出,比如腳本的輸出
•source元素為媒介元素(比如
代碼如下:
input元素從屬于表單,它唄書寫在表單內(nèi)部,用不著再對它制定form屬性。textarea元素唄書寫在表單之外,但它從屬于表單,所以表單的id制定給textareea元素的form屬性。
這樣做的好處是當需要給頁面中的元素添加樣式時可以更方便地添加,因為它們不是被分散在各表單之內(nèi)的了。
到此,相信大家對“html5與傳統(tǒng)html的區(qū)別是什么 ”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學習!