App下載

w3cschool編程獅淺談:HTML5和HTML的區(qū)別

猿友 2020-12-01 15:34:59 瀏覽數(shù) (4060)
反饋

  對于IT門外漢,沒有學(xué)過html5大前端的同學(xué)們,經(jīng)常會提問:"HTML5和HTML有什么區(qū)別",要解答這個問題,首先我們要了解什么是HTML5和HTML,帶著這兩個問題,跟隨w3cschool編程獅的步伐,來給你解答這個問題。 

  什么是HTML5和HTML?

  HTML代表超文本標(biāo)記語言,用于使用標(biāo)記語言設(shè)計網(wǎng)頁。HTML是超文本和標(biāo)記語言的組合,超文本定義了網(wǎng)頁之間的鏈接;標(biāo)記語言用于定義標(biāo)記內(nèi)的文本文檔,該文檔定義網(wǎng)頁的結(jié)構(gòu)。此語言用于注釋(在計算機注釋中)文本,以便機器可以理解它并相應(yīng)地操作文本?!就扑]閱讀:html參考手冊】大多數(shù)標(biāo)記(例如HTML)語言都是人類可讀的。該語言使用標(biāo)簽來定義必須對文本進行哪些操作。它用于在網(wǎng)頁上構(gòu)造和呈現(xiàn)內(nèi)容。而HTML5是HTML的第五個版本,HTML5中刪除或修改了許多元素。

    HTML5跟HTML的相同點:

  1、都是網(wǎng)頁的基礎(chǔ),用來構(gòu)建Web頁面的“骨架” 。

  2、具有基本相同的標(biāo)簽,如div,form,p等等。

  HTML5跟HTML的不同:

  1、 各個瀏覽器對HTML5的渲染或支持程度不同,但對HTML的支持或渲染已經(jīng)很穩(wěn)定 。

  2、 html5正在發(fā)展,相當(dāng)于于html的升級版本 。

  3、 html5用戶可以編輯網(wǎng)頁的部分內(nèi)容 。

  4 、html5中元素可以使圖像腳本更靈活 。

  5 、html5中 新的API讓頁面程序開發(fā)更簡單 。

  6 、 html5改進頁面表單操作 。

  7 、html5新增加了很多新的標(biāo)簽,如<header>,<nav>,<footer>,<section>等。

      HTML5新增的特性:

  1. 新增了一種HTML文檔類型:<DOCTYPE html>

  HTML5不基于SGML之上,因此不需要對DTD進行引用,但是要用doctype(doctype聲明位于HTML文檔中的第一行,處于 HTML標(biāo)簽之前。告知瀏覽器的解析器用什么文檔解析這個文檔。DOCTYPE不存在或是格式不正確會導(dǎo)致文檔以兼容模式呈現(xiàn))來規(guī)范瀏覽器的行為(讓瀏 覽器按照他們應(yīng)該的方式來運行)。而HTML4.01基于SGML,所以需要對DTD進行引用,才能告知瀏覽器文檔所使用的文檔類型。

  2. 新增了一些結(jié)構(gòu)化標(biāo)記的元素:

  繪畫:canvas;

  用于媒介回放的video和audio元素;

  本地離線存儲:localStorage,sessiorStorage。

  語義化更好的內(nèi)容元素:<header>,<nav>,<footer>,<section>等。

  表單控制:calendar,date,time,email,url,search。

  新的技術(shù):webworker,websocket,Geolocation。

  CSS更像是把多個“矩形”裁剪后,然后拼接成一個圖案,然后給圖案上色。但是canvas是由點開始,延長無數(shù)個點,得到線,延長線之后 得到一個面(三角形,圓形,矩形等等的圖案面),然后給線或者面描邊,上色。CSS更像是小朋友的手工課,而canvas更像是用一支筆來畫圖。

  <header>,<nav>,<footer>,<section>等還有其他的許多標(biāo)簽,這些標(biāo)簽是代碼更加的語義化,是閱讀代碼的人更加的通俗、易懂,是人們學(xué)習(xí)代碼更加的簡單方便。

  audio和video可以說是html5給大家的一個驚喜,雖然以前不管通過flash,還是一些視頻,音頻插件大家都可以播放媒體文件,但是現(xiàn)在的audio和video更加標(biāo)準(zhǔn);他不需要使用任何的插件就可以使視頻和音頻在瀏覽器上播放。

  localStorage長期存儲數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失;sessiorStorage的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除。

  以上便是w3cschool編程獅小編為您介紹的html5和html的區(qū)別,喜歡這篇文章的朋友,你可以點擊文章頭部分享按鈕,一起跟你的朋友分享這方面的知識吧。


0 人點贊