一般找外包設計都會說「我們提供 RWD 響應式網頁設計,用 html5 和 css 達成。」阿勒,RWD我懂,那 html5 和 css 又是啥鬼

(還不懂什麼是 RWD 響應式網頁設計的小夥伴,趕快看下面這篇文章!)
一次搞懂 RWD 響應式網頁 概念

不用擔心,我們一樣拆開來解釋。首先看 html5,數字先不理他,什麼是「html」?白話來說,他就是用來「描述網頁上有什麼元件」,好比說一個房間,我用一段文字來描述房間裡「有什麼傢俱」,這就是 html 扮演的角色。而 5 只是表示「第五版」,也可以看成第五代啦!就像 4G、5G 的數字的概念。

用傢俱來解釋 html css
以這張照片為例,html 就是在說「這裡有一面牆,有一張三人座沙發」

那 css 呢?他是用來描述「網頁上元件的位置、顏色、大小」,就好比我們用另一段文字來描述房間裡「各個傢俱的擺設位置、顏色、長寬大小」,這樣有沒有理解了呢?

用傢俱來解釋 html css
一樣以這張照片為例,css 是在說「沙發是藍色的,牆壁是白色的,沙發靠在牆壁上擺設,沙發長約 250cm,高約 100cm」

延伸閱讀:
一次搞懂 RWD 響應式網頁 概念
簡單理解 虛擬主機 hosting 是什麼

Written by J
雖然大學唸的是生物,但持著興趣與熱情自學,畢業後轉戰硬體工程師,與宅宅工程師們一起過著沒日沒夜的生活,做著台灣最薄的 intel 筆電,要與 macbook air 比拼。 離開後,憑著一股傻勁與朋友創業,再度轉戰軟體工程師,一手扛起前後端、雙平台 app 開發,過程中雖跌跌撞撞,卻也累計不少經驗。 可惜不是那 1% 的成功人士,於是加入其他成功人士的新創公司,專職開發後端。沒想到卻在採前人坑的過程中,拓寬了眼界,得到了深層的領悟。