學習html5和css3:踏入瀏覽器外衣的世界(一)

    瀏覽器作為目前重要資訊載體的趨勢,假如希望把自己的成果或是內容跟更多人分享和交流,有必要擴充建制自己圍繞瀏覽器技術的基本常識,也就是html5/css3,話說網路上關於html的技術分享非常多,但往往參差不齊,而目前直接從w3c和mdn的文檔,最能原汁原味的體會他們的精髓,在學習html5/css3的感想,是對於所謂“資料結構”這件事越來越覺得是資訊科學的核心,前陣子因為做爬蟲和藥物資料庫的專案爬梳xml的資料、然後在摸索HPO時,發現了linked data的世界,而這次在學習html5/CSS3時,某部分跟latex語法之目的很像,某部分又像xml(xml一開始設計也是能被瀏覽器所讀取的)
edx W3Cx Front-End Web Developer
由w3c協會的講師所開發在edx的教程,深入淺出,且往往可以解釋某個變革的原因,讓人可以知所緣由,而不只是死背知識。

w3c resource
w3c協會是目前制定圍繞瀏覽器技術標準的協會,其文檔非常的言簡意賅,直指核心,且可以知道目前領域知識的熱點(看哪些標準正在制定之類的)

w3c cheat cheat
w3c推出給開發者的小工具,可以快速查找html相關的tag/attribute資訊

mdn
mozilla提供的文檔,相對於w3c協會文檔的詳盡,mozilla的文檔相對來說,平易近人許多,且有基本入門的tutorial

html checker
w3c提供的工具,可以把自己寫的html檔案貼上去,會自動幫忙檢查,並且提供意見

html best practice style
google
jQuery
不錯的風格指引,可以用來揣摩

下面這張圖很清晰地把整個架構網頁世界的技術串連再一起,奠基於這上,衍生出無數的框架,但一切都是由下面這些基礎技術出發。

螢幕快照 2018-02-13 上午9.45.13

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s