久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

HTML5新特性介紹

  HTML基本思維概念形成于2003年,之后W3C對頁面超文本應用技術工作小組(WHATWG)開發的HTML草圖頗感興趣,這個小組的開發人員均來自Apple ,Mozilla,和Opera。2007年W3C工作小組正式成立,主要進行HTML 5規格進行開發。

  HTML 5旨在改進HTML的協同工作能力,增加了急需的頁面內容描述。它還增加了HTML 4對頁面程序所缺乏的特性。在本文中,讓我們來看看HTML 5將會為我們帶來什么激動人心的新特性。

  1.新的HTML元素,增強描述內容的能力

  HTML的主任務是描述頁面的架構,例如在<p></p>元素之間的文本內容,HTML將告訴瀏覽器這些文本是一個段落。

HTML5新特性介紹 三聯

  在HTML 5中將增加更多的HTML組件,給網頁開發者提供更好的,更精確的方式來描述數據對象。請看以下的對比情況:

HTML5新特性

  該布局的問題是,對于瀏覽器來說,所有的一切都是一個<div>元素。瀏覽器將平等對待<div>元素里面的內容,因為他無法進行區分,包括“級別”和“標識”,比如content, sidebar,和footer不同的網站內容各不相同。

  在HTML5中,可以通過以下的方式進行同一個例子的布局:

HTML5新特性

  這樣瀏覽器就能區分各個部分,頁面的主要內容在<article>元素中,導航欄在<nav>元素中等等。除了更清晰 和更符合語意的標記,它還增強了標記的互用性,比如搜索引擎能更精確的確定頁面上什么內容比較重要,它可以忽略掉<nav>元素 和<footer>里的內容,因為他們通常不包含頁面的重要內容,提高了搜索引擎的效率。

  另外對于頁面開發者來說,他們能更簡單統計頁面的數據,比如統計視頻數量時只需在<video>元素里統計就行。對于手持設備等主要進行文章瀏覽時,可以直接定位到<article>元素中的內容。

  2.改進頁面表格操作

  當今的網頁基本上都離不開表格,在HTML 5中將包含一個達改進叫Web Forms 2.0, 用來描繪如何進行頁面表格操作。其中最打的特點就是“表格確認”。當前,開發者通常使用JavaScript(客戶端)和PHP(服務端)代碼來確認輸入 的內容。比如,一些頁面的表格中的必填內容:

HTML5新特性

  在HTML 4中,以上類型表格的標記一般類似于下面的形式:

HTML5新特性

  在這個例子中,你得使用腳本來確認用戶遞交的內容,開發者必須得寫出自己的確認代碼,來確認用戶并沒有留下空白表格。

HTML5新特性

  而在HTML 5中無需使用確認腳本,它將提供額外的元素屬性,比如required和email 屬性,能自動檢查用戶名和Email欄不是空白的,而且Email地址格式是有效的。

  3.新的API讓頁面程序開發更簡單

  HTML 5中將為新元素和現有的元素提供更多的API,旨在改進頁面程序開發和增加HTML 4所缺乏的特性。比如,一個視頻和音頻方面的API將與<audio>和<video>元素一起使用,它將提供視頻和音頻回放能 力,而無需依賴第三方程序,比如Flash。

HTML5新特性

  4.<canvas>元素可以使圖像腳本更靈活

  如下圖,通常我們發布的圖表都是通過使用圖片編輯器來完成,一旦數據有了改變,你只能再次處理新的圖片。在<canvas>元素的協助下,一旦數據有所改變,你可以通過各種腳本來修改餅狀統計圖(和其他圖表)的數據。

  5.用戶可以編輯網頁的部分內容

  HTML 5中的User Interaction 用來描述頁面內容交互工作的新方式。它的contenteditable 屬性可以讓開發者決定,頁面哪部分內容允許進行用戶更改,這對于wiki類的網站更為有用。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章主要介紹了有關HTML5頁面在iPhoneX適配問題,需要的朋友可以參考下
本篇文章主要介紹了html5中canvas圖表實現柱狀圖的示例,本文使用canvas來實現一個圖表,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
Adobe公司出品的多媒體處理軟件產品線較多,涵蓋了音視頻編輯、圖像處理、平面設計、影視后期等領域。這篇文章主要介紹了Adobe Html5 Extension開發初體驗圖文教程,非常不錯,需要的朋
這篇文章主要介紹了基于HTML5的WebGL經典3D虛擬機房漫游動畫,需要的朋友可以參考下
這篇文章主要介紹了手機端用rem+scss做適配的詳解,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了canvas 實現 github404動態效果的示例代碼,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 久久区二区| 欧美日韩久久精品 | 91精品国产综合久久精品 | www.夜夜骑| 亚洲国产精品美女 | 久久激情视频 | 超碰成人免费观看 | 美女131mm久久爽爽免费 | 亚洲免费在线观看视频 | 在线观看久草 | 国产欧美一区二区精品久导航 | 日日天天 | 国产一区二区免费 | 久久久久久免费观看 | 国产成人在线免费 | 中文字幕欧美一区 | www.一级毛片| 日韩综合在线 | 天天噜天天干 | av第一页 | 国产精品久久 | 精品视频一区二区在线观看 | 久久999| 狠狠色综合网站久久久久久久 | 国产成人精品久久二区二区91 | 国产精品久久二区 | 免费av直接看 | 日韩福利在线观看 | 中文字幕日韩一区 | 一级黄色片免费在线观看 | 国产熟熟 | 成人a视频片观看免费 | 极品粉嫩国产48尤物在线播放 | 成人免费小视频 | 成人三区四区 | 亚洲一区二区免费视频 | 亚洲人精品午夜 | 久久aⅴ乱码一区二区三区 亚洲欧美综合精品另类天天更新 | 欧美一级片在线观看 | 涩涩视频在线观看免费 | 亚洲国产精品一区二区第一页 |