A. html5不支持哪個元素
html5與傳統html一樣嗎區別是什麼一.HTML5語法的改變
該知識點所說變化指的是基於HTML4基礎上所定義的改變,主要有如下:
1.HTML5的文件擴展符(.html或.htm)與內容類型(text/html)保持不變。
2.HTML5中,刻意不使用版本聲明,一份文檔將會適用於所有版本的HTML。
3.從HTML5開始,對於文件的字元編碼推薦使用UTF-8。
4.HTML5確保了與之前HTML版本的最大程度的兼容性。
為了保證兼容性,需從元素說起,在HTML5.中,元素的標記可以省略。其體來說,元素的標記分為「不允許寫結束標記」、「可以省略結束標記」和『「開始標記和結束標記全部可以省略」三種類型。
?不允許寫結束標記元素有:area、base、br、col.....
?可以省略結束標記:li、dt、dd、p、rt......
?開始標記和結束標記全部可以省略:html、head、body.....
二.新增的結構元素
?section元素表示頁面中的一個內容區塊,比如章節、頁眉、頁腳或頁面中的其他部分;
?article元素表示頁面中的一塊與上下文不相關的獨立內容,譬如博客中的一篇文章或報紙中的一篇文章;
?aside元素表示article元素的內容之外的、與article元素的內容相關的輔助信息;
?header元素表示頁面中一個內容區塊或整個頁面的標題;
?hgroup元素用於對整個頁面或頁面中一個內容區塊的標題進行組合;
?footer元素表示整個頁面或頁面中一個內容區塊的腳注。一般來說,它會包含創作者的姓名、創作日期以及創作者聯系信息;
?nav元素表示頁面中導航鏈接的部分;
?figure元素表示一段獨立的流內容,一般表示文檔主體流內容中的一個獨立單元,使用figcaption元素為figure元素組添加標題
2、新增的其他元素
?audio元素定義音頻,比如音樂或其他音頻流;
?embed元素用來插入各種多媒體,格式可以是Midi、Wav、AU、MP3等;
?mark元素上要用來在視覺上向用戶呈現那些需要突出顯示或高亮顯示的文字,典型應用就是在搜索結果中向用戶高亮顯示搜素關鍵詞;
?progress元素表示運行中的進程
?ruby元素表示ruby注釋(中文注音或字元)
?rt元素表示字元(中文注音或字元)的解釋或發音
?rp元素在ruby注釋中使用,以定義不支持ruby素的瀏覽器所顯示的內容。
?wbr元素表示軟換行,而當寬度不夠時,主動在此處進行換行
?canvas元素表示圖形,比如圖表和其他圖像
?cammand元素表示命令按鈕,比如單選按鈕、復選框或按鈕
?details元素表示用戶要求得到並且可以得到的細節信息
?datagrid元素表示可選數據的列表,它以樹形列表的形式來顯示
?keygen元素表示生成密鑰
?output元素表示不同類型的輸出,比如腳本的輸出
?source元素為媒介元素(比如video和audio)定義媒介資源
?menu元素表示菜單列表
3、新增的input元素
?email類型表示必須輸入E-main地址的文本輸入框
?url類型表示必須輸入URL地址的文本輸入框
?number類型表示必須輸人數值的文本輸入框
?range類型表示必須輸入一定范圍內數字值的文本輸人框
HTML5擁有多個可供選取日期和時間的新型輸入文本框:
?date——選取日、月、年
?month——選取月、年
?week——選取周和年
?time——選取時間(小時和分鍾)
?datetime——一選取時間、日、月、年(UTC時間)
?datetime.local——選取時間、日、月、年(本地時間)
三.廢除元素
1、能使用CSS替代的元素
?對干basefont、big、center、font、s、strike、tt、u這些元素,由於它們的功能都是純粹去畫面展示服務的,而HTML5中提倡把畫面展示性功能放在CSS樣式表中統一編輯,所以這些元素廢除了
2、不再使用frame框架
?對於frameset元素、frame元素與noframes元素,由於frame框架對網頁可用性存在負面影響,在HTML5中已不支持frame框架,只支持iframe框架,或者用伺服器方創建的由多個頁面組成的復合頁面的形式,同時將以上這三個元素廢除。
3、只有部分瀏覽器支持的元素
?對於applet、bgsound、blink、marquee等元素,由於只有部分瀏覽器支持這些元素,特別是bgsound元素以及marquee元素,只被InternetExplorer所支持,所以在HTML5中被廢除。其中applet元素可由ernedd元素或object元素替代,bgsound元素可由audio元素替代,marquee可以由JavaScript編程的方式所替代
4、其他被廢除的元素:
?廢除rb元素,使用ruby元素替代
?廢除acronym元素,使用abbr元素替代
?廢除dir元素,使用ul元素替代
?廢除isindex元素,使用form元素與input元素相結合的方式替代
?廢除listing元素,使用pre元素替代
?廢除xmp元素,使用code元素替代
?廢除nextid元素,使用GUIDS替代
?廢除plaintext元素,使用「text/plian」MIME類型替代
四.新增屬性和廢除屬性
一、新增屬性
1、與表單相關屬性
?新增autofocus屬性,它以指定屬性的方式讓元素在畫面打開時自動獲得焦點;
?新增placeholder屬性,它會對用戶的輸入進行提示,提示用戶可以輸入的內容;
?新增form屬性,聲明它屬於哪個表單,然後將其放置在頁面上任何位置,而不是表單之內;
?新增required屬性,該屬性表示在用戶提交的時候進行檢查,檢查該元素內一定要有輸入內容;
2、與鏈接相關屬性
?增加media屬性,該屬性規定目標URL是為什麼類型的媒介/設備進行優化的,只能在href屬性存在時使用;
?增加hreflang屬性與rel屬性,以保持與a元素、link元素的一致;
3、其他屬性
?屬性reverend,它指定列表倒序顯示;
?為script元素增加async屬性,它定義腳本是否非同步執行;
二、廢除屬性
?能被CSS樣式表替代的屬性全部廢除掉;
?多餘屬性,例如:target、profile、version等被廢除掉;
五.全局屬性
在HTML5中,新增了一個』『全局屬性「的概念。所謂全局屬性,是指可以對任何元素都使用的屬性。
1、contentEditable屬性
?該屬性允許用戶編輯元素中的內容,可以獲得滑鼠焦點,屬性為布爾值,可被指定為true或false。另外,該屬性還有個隱藏inherit狀態,為true時,允許編輯,為false時,不允許編輯,未指定時,由inherit決定。
2、designMode屬性
?該屬性用來決定整個頁面是否可編輯。有兩個屬性「on」與"off"。屬性為"on"時,可編輯,為「off」時,不可編輯。
3、hidden屬性
?所有元素都允許使用一個hidden屬性,該屬性類似於input元素中的hidden元素,功能是通知瀏覽器不渲染該元素,使該元素處於不可見狀態。該屬性值為布爾值,為true時,不可見,為false時,可見。
4、spellcheck屬性
?該屬性是HTML5針對input元素(type=text)與textarea這兩個文本輸入框提供的一個新屬性,主要對用戶輸入內容進行拼寫與語法檢查。屬性值為布爾值,書寫時必須明確聲明屬性值為true或false書寫方式如下:
!—以下兩種書寫方法正確—textareaspellcheck="true"inputtype=textspellcheck=false!—以下兩種書寫方法為錯誤—textareaspellcheck
詳解form屬性
在HTML4中,表單內的從屬元素必須書寫在表單內部,但是在HTML5中,可以把他們書寫在頁面上任何地方,然後給元素制定一個form屬性,屬性值為該表單單位的id,這樣就可以聲明該元素從屬於指定表單了。
!DOCTYPE?HTML?
html?lang="en-US"?
head?
meta?charset="UTF-8"?
titleform屬性/title?
/head?
body?
form?action=""?id="testform"?
input?type="text"?name=""?/?
/form?
textarea?form="testform"?name=""?cols="30"?rows="10"/textarea?
/body?
/html
input元素從屬於表單,它唄書寫在表單內部,用不著再對它制定form屬性。textarea元素唄書寫在表單之外,但它從屬於表單,所以表單的id制定給textareea元素的form屬性。?
這樣做的好處是當需要給頁面中的元素添加樣式時可以更方便地添加,因為它們不是被分散在各表單之內的了。
html5有哪些新特性,移除了那些元素?
Html5新增了27個元素,廢棄了16個元素,根據現有的標准規范,把HTML5的元素按優先順序定義為結構性屬性、級塊性元素、行內語義性元素和交互性元素4大類。
結構性元素主要負責web上下文結構的定義
section:在web頁面應用中,該元素也可以用於區域的章節描述。
header:頁面主體上的頭部,header元素往往在一對body元素中。
footer:頁面的底部(頁腳),通常會標出網站的相關信息。
nav:專門用於菜單導航、鏈接導航的元素,是navigator的縮寫。
article:用於表現一篇文章的主體內容,一般為文字集中顯示的區域。
級塊性元素主要完成web頁面區域的劃分,確保內容的有效分割。
aside:用於表達注記、貼士、側欄、摘要、插入的引用等作為補充主體的內容。
figure:是對多個元素進行組合並展示的元素,通常與ficaption聯合使用。
code:表示一段代碼塊。
dialog:用於表達人與人之間的對話,該元素包含dt和dd這兩個組合元素,dt用於表示說話者,而dd用來表示說話內容。
行內語義性元素主要完成web頁面具體內容的引用和描述,是豐富內容展示的基礎。
meter:表示特定范圍內的數值,可用於工資、數量、百分比等。
time:表示時間值。
progress:用來表示進度條,可通過對其max、min、step等屬性進行控制,完成對進度的表示和監事。
video:視頻元素,用於支持和實現視頻文件的直接播放,支持緩沖預載和多種視頻媒體格式。
audio:音頻元素,用於支持和實現音頻文件的直接播放,支持緩沖預載和多種音頻媒體格式。
交互性元素主要用於功能性的內容表達,會有一定的內容和數據的關聯,是各種事件的基礎。
details:用來表示一段具體的內容,但是內容默認可能不顯示,通過某種手段(如單擊)與legend交互才會顯示出來。
datagrid:用來控制客戶端數據與顯示,可以由動態腳本及時更新。
menu:主要用於交互菜單(曾被廢棄又被重新啟用的元素)。
command:用來處理命令按鈕。
在html5中不再支持元素的哪個屬性html5對於script元素的屬性基本上都支持,沒聽說有不支持的屬性
本來script標簽的屬性就不多阿
哪個標簽元素在html5中已經廢除HTML5中廢除的元素
1、能用css代替的元素?
basefont、big、center、font、s、strike、tt、u。這些元素純粹是為畫面展示服務的,HTML5中提倡把畫面展示性功能放在css中統一編輯。
2、不再使用frame框架
frameset、frame、noframes。HTML5中不支持frame框架,只支持iframe框架,或者用伺服器方創建的由多個頁面組成的符合頁面的形式,刪除以上這三個標簽。
3、只有部分瀏覽器支持的元素
applet、bgsound、blink、marquee等標簽。
4、其他被廢除的元素
廢除rb,使用ruby替代。
廢除acronym使用abbr替代。
廢除dir使用ul替代。
廢除isindex使用form與input相結合的方式替代
廢除listing使用pre替代
廢除xmp使用code替代
廢除nextid使用guids
廢除plaintex使用「text/plian」(無格式正文)MIME類型替代。
B. HTML 5 代碼安全性
Flash 所實現的功能還不是突破了現有瀏覽器的限制,但也沒聽說過由此產生很大的問題。
基本上已經被淘汰的Java Applet,還有目前用的還比較多的ActiveX,安全性問題更加突出,還不是照樣用著。
為什麼推出HTML5,是因為需求所產生,它會提供提供一整套方便的解決方案,以實現目前HTML4需藉助第三方技術才實現的功能,如網頁嵌入視頻等。
HTML5 還在討論和實驗的階段,安全性的問題自然會有專家去討論、驗證和解決。我認為大可不必擔心HTML5所帶來的安全性問題。
C. html5和html的區別
HTML和HTML5都是HTML,只不過通常我們說的HTML只的是HTML4.0版本或者之前的版本,而HTML5是w3c發布的最新的HTML版本,也就是說HTML和HTML5是HTML的不同版本。
首先介紹一下HTML是什麼,HTML的專業定義是超文本標記語言,所謂的超文本就是不只是文本,還有圖片、音頻、視頻等等都是可以的標記的,HTML語言是瀏覽器執行的,用於告訴瀏覽器要顯示什麼和如何顯示,通俗的講就是告訴瀏覽器以什麼樣的板式樣式來顯示我們的超文本內容,我們平時的網頁就是HTML結合一些其他的語言製作的。
舉一個簡單的實例
<fontcolor="red">網路知道</font>
這句代買就可以讓「網路知道」這幾個字的內容在瀏覽器上顯示位紅色。
關於html5和HTML的詳細區別。
我們現在的網頁大多還是使用html4.0的標准進行開發的,之所以有HTML是因為現在HTML版本已經不能滿足開發者或者是用戶的需求了,所以才有了html5。
相對於htm4.0來說,HTML到底增加了哪些新功能呢?
HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特徵被引進以支持這一點,如video、audio和canvas 標記。HTML5還引進了新的功能,可以真正改變用戶與文檔的交互方式。
html5除了更加適合開發移動端還有很多新的特性如:
語義特性,HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的,微數據與微格式等方面的支持,構建對程序、對用戶都更有價值的數據驅動的Web。
本地存儲特性,基於HTML5開發的網頁APP擁有更短的啟動時間,更快的聯網速度,這些全得益於HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一)和API說明文檔。
設備兼容特性 ,HTML5為網頁應用開發者們提供了更多功能上的優化選擇,帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放介面。使外部應用可以直接與瀏覽器內部的數據直接相連,例如視頻影音可直接與microphones及攝像頭相聯。
三維、圖形及特效特性,基於SVG、Canvas、WebGL及CSS3的3D功能,用戶會驚嘆於在瀏覽器中,所呈現的驚人視覺效果。
CSS3特性,在不犧牲性能和語義結構的前提下,CSS3中提供了更多的風格和更強的效果。此外,較之以前的Web排版,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。等等。
總之,html5是一個具有跨時代意義的一個版本,它使得html也有了編程的特性,而且大量的api介面使得html5可以做一些編程語言做的事情,如webapp等。