當前位置:編程學習大全網 - 編程語言 - html5和傳統html壹樣嗎?有什麽區別?

html5和傳統html壹樣嗎?有什麽區別?

1.HTML5語法的變化?

本知識點提到的變化是指在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屬性。?

這樣做的好處是,當妳需要給頁面中的元素添加樣式時,妳可以更方便地添加,因為它們不會分散在各種形式中。?

  • 上一篇:Spring是單例還是多例,怎麽修改?
  • 下一篇:我們什麽時候才能創建Matrioshka大腦?
  • copyright 2024編程學習大全網