HEAD 網頁開發參考手冊,收錄 HTML5 在 head 可用標籤及範例說明

HEAD 網頁開發參考手冊,收錄 HTML5 在 head 可用標籤及範例說明

如果你是自行架站的網站管理者,對網頁原始碼結構應該不陌生,若以 WordPress 架設網站通常會有完整 <head> 段落,取決於你使用的佈景主題,這部份是用來描述一個頁面的相關資訊,例如網頁標題、語言、樣式表、說明、關鍵字和略縮圖等等,很多時候會透過 SEO 外掛工具產生各種常用的 Meta Tags 以擴充佈景主題不足的部分,如果你要從頭開始寫一個網頁或佈景主題,就必須知道 <head> 有那些可用的標籤。

Checklist Design 網頁開發者必備參考手冊,助於學習更好的設計方式

Checklist Design

身為網頁開發者總會不斷重複一些類似的情境,例如協助其他公司製作網站的價目表、購物車、新手上路、網誌、招聘、聯繫頁面等等功能,可能不同公司對於內容的細節要求略有差異,但整體來說主軸不會相差太遠。舉例來說,部落格頁面需要有文章標題、縮圖、作者、內容和分享按鈕,非必要項目則有相關文章、訂閱、發佈日期和留言功能,那麼有沒有檢查清單可以讓開發者參照呢?

Killed by Google 收錄過往被 Google 關閉的產品服務列表

Killed by Google 收錄過往被 Google 關閉的產品服務列表
Copyright: miluxian / 123RF Stock Photo

網路時代大概是後浪推前浪的最佳典範,每個階段會流行起來的服務也不太一樣,例如早期知名的免空 Badongo(便當狗)在 2012 年關閉,ImageShack 曾是免費圖片空間之首,後來崛起的 Imgur 已經成為同類服務中的霸主,諸如此類的案例不勝枚舉。或許網路變化太快,若沒有跟上很快就被洪流淹沒。當然大公司也會有判斷失準的時候,不拿網路服務終結者 Yahoo 來說,就連 Google 也曾收掉不少旗下的產品和服務。

CSS Reference 前端設計師必備手冊!收錄 CSS 樣式表屬性說明及範例

CSS Reference 前端設計師必備手冊!收錄 CSS 樣式表屬性說明及範例
(Copyright: welcomia / 123RF Stock Photo

前幾天介紹過「HTML Reference 網頁開發者必備手冊!收錄所有 HTML 元素及屬性說明」,有讀者說這個網站比 W3Schools 更方便快速,對於開發者來說實在非常實用,但可能有些人和我一樣接觸 HTML 機會不多,反倒是很常要改網頁樣式,假如你平常會需要和 CSS 為伍,本文要推薦的網站會更適合你。

HTML Reference 網頁開發者必備手冊!收錄所有 HTML 元素及屬性說明

HTML Reference 網頁開發者必備手冊!收錄所有 HTML 元素及屬性說明

記得小時候剛學電腦時還是使用 MS-DOS 作業系統,家人幫我買了一本厚重的參考書,裡頭收錄所有 DOS 指令,非常詳盡,而這本書也對我產生不小影響,我知道學習任何東西都必須要有正確的參考手冊,才能夠讓學習過程更全面紮實。雖然網路上有許多教學文件,但礙於篇幅都只能夠以最短捷徑來幫你達到目的,對於一些較為複雜的內容來說,這些快速教學並不能讓你「真正」學會,因此最好還是準備參考手冊。