1. gzyueqian
      13352868059

      HTML5前端開發(fā)概述及文檔基本結(jié)構(gòu)

      更新時間: 2018-08-20 18:04:51來源: 粵嵌教育瀏覽量:7195

          一、功能:

          1、核心:由W3C官方規(guī)范組成,設(shè)計新的語義元素、新增的web表單、音頻、視頻、以及通過JavaScript繪圖的Canvas;
          2、曾經(jīng)的html5標(biāo)準(zhǔn):來自初的html5規(guī)范、其中大多數(shù)功能需要JavaScript且支持富web應(yīng)用開發(fā);比如:本地數(shù)據(jù)存儲、離線應(yīng)用和消息傳遞‘
          二、特點:
          1、向下兼容:XHTML2.0遵循嚴(yán)格模式,對有錯誤的html文件無法正常顯示,而html5實現(xiàn)“不破壞we“的原則。可以兼容不同版本的HTML存在的問題,并且支持向下兼容;
          2、用戶至上:HTML5遵循用戶至上的原則。為用戶提供完美的網(wǎng)頁內(nèi)容;
          3、化繁為簡:以瀏覽器的原生能力代替復(fù)雜的JavaScript;DOCTYPE 被簡化到;字符集聲明被簡化;簡單強(qiáng)大的API;
          4、無插件范式:在HTML5 出現(xiàn)之前,很多功能只能通過插件或hack(如繪圖API)來實現(xiàn),但HTML5原生提供了這些支持。使用插件有很多問題,如:
          (1).插件安裝容易失敗;
          (2).插件被瀏覽器或軟件禁用屏蔽(如Flash 插件);
          (3).插件經(jīng)常會被爆出漏洞被利用攻擊;
          (4).插件不容易與HTML 文檔其他部分集成(比如整體透明化等)。
          5、訪問通用性: 
          (1).可訪問性:比如更加利于殘障人士的閱讀方案;
          (2).媒體中立:比如HTML5 的媒體播放在不同設(shè)備或平臺均能正常運(yùn)行;
          (3).支持所有語種:比如新元素。
          6、引入原生媒體支持和可編程內(nèi)容
          HTML5 支持在瀏覽器中直接播放視頻和音頻文件,以前都需要借助插件才能實現(xiàn)此類功能;引入了需要通過JavaScript 編程才能完全的各種效果,而這些很多都是HTML5 原生的
          三、基本格式
          1、文檔結(jié)構(gòu):
              <!DOCTYPE html>                          //文檔聲明類型  文檔為Html
              <html lang="zh-cn">                     //表示文檔開始 lang聲明文本的語言
              <head>                                  //包含文檔元數(shù)據(jù)開始
                  <meta charset="utf-8">              //聲明文檔的編碼格式   
                  <title></title>                     //文檔的標(biāo)題欄
              </head>                                 //包含文檔元數(shù)據(jù)結(jié)束
              <body>                                  //表示html文檔內(nèi)容

              </body>                                 
              </html>
          四、文檔結(jié)構(gòu)分析:
          1.Doctype:文檔類型聲明(Document Type Declaration,也稱Doctype)。它主要告訴瀏覽器所查看的文件類型。在以往的HTML4.01 和XHTML1.0 中,它表示具體的HTML 版本和風(fēng)格。而如今HTML5 不需要表示版本和風(fēng)格了。
          //不分區(qū)大小寫
          2.html 元素:首先,元素就是標(biāo)簽的意思,html 元素即html 標(biāo)簽。html 元素是文檔開始和結(jié)尾的元素。它是一個雙標(biāo)簽,頭尾呼應(yīng),包含內(nèi)容。這個元素有一個屬性和值:lang=”zh-cn”,表示文檔采用語言為:簡體中文。
          <html lang="zh-cn"> //如果是英文則為en`
          3.head 元素:用來包含元數(shù)據(jù)內(nèi)容,元數(shù)據(jù)包括:、、、
          <head>...</head> //這些信息在頁面不可見
          4.meta 元素:該元素用來提供關(guān)于文檔的信息,起始結(jié)構(gòu)有一個屬性為:charset=”utf8”。表示告訴瀏覽器頁面采用的什么編碼,一般來說我們就用utf-8。當(dāng)然,文件保存的時候也是utf-8,而瀏覽器也設(shè)置utf8 即可正確顯示中文。
          <meta charset="utf-8"> //除了設(shè)置編碼,還有別的
          5.title 元素:該元素很簡單,設(shè)置瀏覽器左上角的標(biāo)題。
          <title>標(biāo)題</title>
          6.body 元素:用來包含文檔內(nèi)容的元素,也就是瀏覽器可見區(qū)域部分。所有的可見內(nèi)容,都應(yīng)該在這個元素內(nèi)部進(jìn)行添加。
          <body>...</body>   //頁面在瀏覽器中顯示的內(nèi)容
          HTML5是近幾年前端開發(fā)非常火的編程語言,其新特性給開發(fā)者帶來了非常多的便利。同時,不同瀏覽器廠商對HTML5的支持,使得這門語言受到了越來越多的開發(fā)者的青睞。
          粵嵌科技13年專注IT人才培訓(xùn)學(xué)習(xí)的專業(yè)機(jī)構(gòu),主要培訓(xùn)課程為,嵌入式開發(fā)、Java大數(shù)據(jù)、Unity游戲開發(fā)、Python人工智能、HTML5前端開發(fā)、全棧UI設(shè)計、網(wǎng)絡(luò)營銷、CCIE網(wǎng)絡(luò)等專業(yè)課程

      免費預(yù)約試聽課

      亚洲另类欧美综合久久图片区_亚洲中文字幕日产无码2020_欧美日本一区二区三区桃色视频_亚洲AⅤ天堂一区二区三区

      
      

      1. 在线观看免费AV永久免费 | 在线国产视频伊人 | 亚洲欧美另类久久久精品能播放 | 婷婷丁香五月天婷婷 | 野狼第一区精品aⅴ | 亚洲欧美日韩中文字幕在线 |