本知識點提到的變化是指在HTML4基礎上定義的變化,主要有以下幾點:
文件擴展名(。html或者。htm)和1的內容類型(文本/html)。HTML5保持不變。?
2.在HTML 5中,version語句不是有意使用的,壹個文檔將適用於HTML的所有版本。?
3.從HTML5開始,UTF-8被推薦用於文件的字符編碼。?
4.HTML5確保了與以前HTML版本的最大兼容性。?
為了保證兼容性,我們需要從元素入手。在HTML5中。0,元素的標簽可以省略。壹般來說,壹個元素的標簽可以分為“不寫結束標簽”、“可以省略結束標簽”、“開始標簽和結束標簽都可以省略”三種。?
不允許寫結束標記元素:area、base、br、col...
結束標記可以省略:li、dt、dd、p、rt...
開始標簽和結束標簽都可以省略:html、head、body...?
2.新的結構元素?
Section元素表示頁面中的壹個內容塊,如章節、頁眉、頁腳或頁面的其他部分;?
article元素表示頁面中與上下文無關的壹段獨立內容,比如博客中的壹篇文章或者報紙上的壹篇文章;?
aside元素表示除了article元素的內容之外的與article元素的內容相關的輔助信息;?
header元素表示頁面中內容塊或整個頁面的標題;?
hgroup元素用於組合整個頁面的標題或頁面中的壹個內容塊;?
footer元素表示整個頁面的腳註或頁面中的內容塊。壹般來說會包括創作者的姓名、創作日期、創作者的聯系方式;?
Nav元素表示頁面中導航鏈接的壹部分;?
圖元素表示壹個獨立的流內容,它壹般表示文檔主流內容中的壹個獨立單元。使用figure figcaption元素給figure元素組添加標題?
2.還增加了哪些元素?
音頻元素定義音頻,例如音樂或其他音頻流;?
嵌入元素用於插入各種多媒體,格式可以是Midi、Wav、AU、MP3等。?
mark元素用於向用戶直觀地呈現需要突出顯示或突出顯示的單詞。典型的應用是在搜索結果中向用戶突出顯示搜索關鍵字。?
progress元素表示壹個正在運行的進程?
拼音元素表示拼音註釋(漢語拼音符號或漢字)?
rt元素代表的是文字(漢語音標或漢字)的釋義或讀音嗎?
ruby註釋中使用rp元素來定義不支持ruby原語的瀏覽器顯示的內容。?
Wbr元素代表軟換行,寬度不夠的時候,這裏主動換行?
畫布元素代表圖形,比如圖表和其他圖像?
cammand元素表示命令按鈕嗎,比如單選按鈕、復選框或按鈕?
details元素表示用戶需要並可以獲得的詳細信息。
datagrid元素表示可選數據的列表,以樹列表的形式顯示。
Keygen元素表示生成密鑰?
output元素表示不同類型的輸出,比如腳本的輸出?
源元素是媒體元素(例如
menu元素表示壹個菜單列表。
3.新的輸入元素?
電子郵件類型表示必須輸入電子郵件主地址的文本輸入框。
url類型表示必須輸入URL地址的文本輸入框。
Type #表示必須輸入數值的文本輸入框。
範圍類型表示必須輸入數值範圍的文本輸入框。
HTML5有幾個新的輸入文本框用於選擇日期和時間:?
日期-選擇年、月、日?
月份-選擇月份和年份?
周-選擇周和年?
時間-選擇時間(小時和分鐘)?
datetime-選擇時間、日期、月份和年份(UTC時間)?
日期時間。本地-選擇時間、日期、月份和年份(本地時間)?
3.廢除元素?
1,可以用CSS代替元素嗎?
對於basefont、big、center、font、S、strike、tt、U等元素,因為它們的功能純粹是為屏幕顯示服務的,而HTML5提倡在CSS樣式表中統壹編輯屏幕顯示功能,所以取消了這些元素?
2.不要再用框架框架了?
對於frameset元素、frame元素和noframes元素,由於frame frame對網頁可用性的負面影響,HTML5中不再支持frame框架,只支持iframe框架,或者使用服務器端創建的多個頁面組成的復合頁面,同時廢止上述三個元素。?
3.只有部分瀏覽器支持的元素?
對於applet、bgsound、blink、marquee等元素,因為只有部分瀏覽器支持這些元素,尤其是bgsound和marquee元素,只有Internet Explorer支持,所以在HTML 5中取消了。其中applet元素可以用ernedd元素或者object元素代替,bgsound元素可以用audio元素代替,marquee可以用JavaScript編程代替?
4.其他廢除元素:?
廢除rb元素,換成ruby元素?
廢除acronym元素,用abbr element代替?
廢除dir元素,改用ul元素?
廢除isindex元素,代之以表單元素和輸入元素的組合?
廢除列表元素,代之以前置元素?
廢除xmp元素,代之以code元素?
廢除nextid元素並使用GUIDS來代替?
廢除明文元素,換成“text/plian”MIME類型?
4.加屬性和廢屬性?
壹、添加屬性?
1.與表單相關的屬性?
添加autofocus屬性,通過指定屬性使元素在屏幕打開時自動獲得焦點;?
添加占位符屬性,會提示用戶輸入,提示用戶可以輸入什麽;?
添加壹個表單屬性,聲明它屬於哪個表單,然後放在頁面的任何地方,不要放在表單內部;?
添加必選屬性,意思是用戶提交時檢查,檢查這個元素中必須有輸入內容;?
2.鏈接相關屬性?
添加media屬性,指定目標URL為什麽被媒體/設備優化,只有href屬性存在時才能使用;?
添加hreflang屬性和rel屬性,與A元素和link元素保持壹致;?
3.其他屬性?
屬性reverend,它指定列表以逆序顯示;?
在script元素中添加async屬性,定義腳本是否異步執行;?
二、廢除屬性?
CSS樣式表可以替換的屬性全部廢除;?
冗余屬性,如目標、概要文件、版本等。,都被廢除;?
動詞 (verb的縮寫)全局屬性?
在HTML5中,增加了“全局屬性”的概念。所謂全局屬性,是指可以用於任何元素的屬性。?
1,contentEditable屬性?
該屬性允許用戶編輯元素中的內容並獲得鼠標焦點。該屬性為布爾值,可以指定為true或false。此外,該屬性具有隱藏的繼承狀態。為真時,允許編輯;當它為false時,不允許編輯;如果未指定,則由繼承決定。?
2.designMode屬性?
此屬性用於確定整個頁面是否可以編輯。有兩個屬性“開”和“關”。當屬性為“開”時,可以編輯;當它處於“關閉”狀態時,它不能被編輯。?
3.隱藏屬性?
所有元素都允許使用壹個hidden屬性,類似於input元素中的hidden元素,它的作用是告訴瀏覽器不要渲染元素,使其不可見。屬性值為布爾型,為真時不可見,為假時可見。?
4.拼寫檢查屬性?
該屬性是HTML 5為input元素(type=text)和textarea提供的新屬性,主要用於檢查用戶輸入的拼寫和語法。屬性值是壹個布爾值。寫的時候壹定要說清楚屬性值是真還是假。寫作方法如下:?
& lt!-以下兩種寫法正確的是-> & lt;textarea spellcheck = " true " & gt& lt輸入類型=文本拼寫檢查= false & gt& lt!-以下兩種寫法都是錯誤的-> & lt;textarea拼寫檢查& gt?
詳細解釋壹下表單屬性?
在HTML4中,表單中的從屬元素必須寫在表單內部,但在HTML5中,可以寫在頁面的任何地方,然後為元素設置壹個form屬性,屬性值為表單單元的id,這樣就可以聲明該元素屬於指定的表單。?
& lt!DOCTYPE?HTML & gt?
& lthtml?lang="en-US " >?
& lthead & gt?
& ltmeta?charset="UTF-8 " >?
& lttitle & gt表單屬性
& lt/head & gt;?
& ltbody & gt?
& lt形式?動作= " "?id = " testform " & gt?
& lt輸入?type="text "?姓名= " "?/& gt;?
& lt/form & gt;?
& lttextarea?form="testform "?姓名= " "?cols="30 "?rows="10 " >& lt/textarea & gt;?
& lt/body & gt;?
& lt/html & gt;input元素屬於表單,寫在表單內部,不需要在上面設置form屬性。Textarea元素寫在表單之外,但屬於表單,所以表單的id設置為textarea元素的form屬性。?
這樣做的好處是,當妳需要給頁面中的元素添加樣式時,妳可以更方便地添加,因為它們不會分散在各種形式中。?