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

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

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

Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼

Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼

如果有接觸過網頁設計或曾經嘗試在網站、部落格放入表格,應該會覺得表格(Tables)是一個非常難搞的東西,不但原始碼複雜,沒有所見即所得編輯器似乎也很難直接寫出來,而在瀏覽器上使用的網頁編輯器又很難修改表格內容,有時候從其他文書處理工具直接複製貼上就會自帶很多用不到的程式碼,程式碼看起來很髒又無法符合當前的頁面風格,總之表格一直是很多人的痛,我也很少在網頁中用到表格,不過表格還是呈現一些數據相當好的方式。

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 指令,非常詳盡,而這本書也對我產生不小影響,我知道學習任何東西都必須要有正確的參考手冊,才能夠讓學習過程更全面紮實。雖然網路上有許多教學文件,但礙於篇幅都只能夠以最短捷徑來幫你達到目的,對於一些較為複雜的內容來說,這些快速教學並不能讓你「真正」學會,因此最好還是準備參考手冊。