HTML和HTML5，css和css3的區別有那些?

HTML和HTML5的區別:

其實說白了，就是ES5和ES6的區別，無非就是換湯不換藥，其實這個說法也不太對，是加了一些調料而已，HTML是前端搭建頁面的必須品，但是隨着人們開發的需求和速度，後期維護和代碼可讀性，各個方面的需求不斷增加，會發現HTML裏面的一些標籤滿足不了，所以就更新換代，不斷的更具需求整合添加了一部分新的元素標籤進來，其中常用的有如下這些，如有不全請諒解，僅供參考:
新增的結構標籤：
1、header元素
表示頁面中一個內容區塊或真個頁面的標題。
2、hgroup元素
表示對真個頁面或頁面中的一個內容區塊的標題進行組合。
3、article元素
表示頁面中一塊與上下文不相關的獨立內容。比如一篇文章。
4、aside元素
表示article元素內容之外的、與article元素內容相關的輔助信息。
5、footer元素
表示整個頁面或頁面中一個內容區塊的腳註。一般來說，他會包含創作者的姓名、創作日期以及創作者的聯繫信息。
還有以下一些也會經常用到，如新的表單控件，比如 calendar、date、time、email、url、search；用於媒介回放的 video 和 audio 元素；用於繪畫的 canvas 元素，這些都是新增的一些非常強大的標籤，多多研究對我們的提升有非常大的幫助的。

css和css3的區別:

同理哈，話不多說了，其實和上面講的HTML區別一樣，都是升級版，在原來的基礎上添加了一些常用的新屬性，下面列舉了一些，大家可以瞭解一下:
一：CSS3選擇器
1.基本選擇器
2.屬性選擇器
3.僞類選擇器
二：CSS3邊框與圓角
1.CSS3圓角border-radius
2.盒陰影box-shadow
三：CSS3背景與漸變
1.CSS3背景
background-image
2.CSS3漸變
定義：可以在兩個或者多個指定顏色之間顯示平移的過渡
四：CSS3過渡
定義：允許css的屬性值在一定時間區間內平滑的過渡，在鼠標點擊，鼠標滑過或對元素任何改變中觸發，並圓滑地以動畫形式改變css的屬性值。
五：CSS3變換
定義：讓一個元素在一個座標系統中變形，這個屬性包含一系列的變形函數，可以移動，旋轉，縮放元素。
六：CSS3動畫
定義：使元素從一種樣式逐漸變化到另外一種樣式的效果。
以上列舉的只是一部分，後續會持續更新，希望可以幫到大家，在爬坑的路上少走彎路。