掌握前端HTML基本功,程序員精選的12個Github項目
HTML稱為超文本標(biāo)記語言,是一種標(biāo)識性的語言。它包括一系列標(biāo)簽.通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。
超文本是一種組織信息的方式,它通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關(guān)聯(lián)。這些相互關(guān)聯(lián)的信息媒體可能在同一文本中,也可能是其他文件,或是地理位置相距遙遠(yuǎn)的某臺計算機(jī)上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機(jī)方式進(jìn)行連接,為人們查找,檢索信息提供方便。
1. front-end-interview-handbook
地址: http s:// github.com/yangshun/front-end-interview-handbook
star: 24.6k
fork: 3.5k
與典型的軟件工程師面試不同,前端面試對算法的重視比較低。面試會更多考查錯綜復(fù)雜的前端知識,像 HTML、CSS、JavaScript 等等。這個項目整理了這些問題,并給出了答案以及參考連接。中文版
2. html
地址: http s:// github.com/whatwg/html
star: 3.7k
fork: 1.2k
《HTML 標(biāo)準(zhǔn)》中文版
3. leonsans
地址: http s:// github.com/cmiscm/leonsans
star: 8.6k
fork: 448
這是一個用 JS 編寫的 Sans Serif 半襯線字體。Leon Sans 允許動態(tài)更改字體粗細(xì)并在 HTML 5 的 Canvas 元素中創(chuàng)建自定義動畫、效果或形狀,點擊查看動畫效果。PS:這個字體是作者來慶祝他剛出生的嬰兒 Leon 的哦

4. walle-web
地址: http s:// github.com/meolu/walle-web
star: 10.1k
fork: 2.5k
Walle(瓦力) 一個 Web 部署系統(tǒng)工具,可能也是個持續(xù)發(fā)布工具,配置簡單、功能完善、界面流暢、開箱即用!支持 git、svn 版本管理,支持各種 Web 代碼發(fā)布,靜態(tài)的 HTML,動態(tài) PHP,需要編譯的 Java 等。中文介紹,使用展示如圖:
5. parsedown
地址: http s:// github.com/erusev/parsedown
star: 13.0k
fork: 973
一個小而美的 PHP 的 Markdown 解析庫。該庫提供了標(biāo)準(zhǔn) Markdown 文本轉(zhuǎn)化成 HTML 字符串功能,并擁有良好的文檔。它的主文件只有一個,除了 PHP 版本限制必須高于 5.3 外幾乎無依賴,可通過 composer 引入,也可以直接使用 Parsedown.php 文件。該項目中使用大量正則表達(dá)式,可作為學(xué)習(xí)正則表達(dá)式的示例,并且有完整的單元測試。示例代碼:
6. textmate
地址: http s:// github.com/textmate/textmate
star: 12.9k
fork: 1.8k
一款 macOS 上著名的開源代碼編輯器。它界面簡潔,功能強(qiáng)大。支持高效的 Snippets 功能、主流版本控制系統(tǒng)、自定義主題、實時 HTML/Markdown 預(yù)覽等功能

7. gocui
地址: http s:// github.com/jroimartin/gocui
star: 6.4k
fork: 417
命令行 UI 庫。提供了類似 HTML canvas 的 API 用來在終端中繪制 UI,使得內(nèi)容可以分塊展示,甚至可以在某些終端中支持點擊事件。如果你想做一個 redis-cli 或者其它炫酷、支持點擊事件的命令行 UI 程序。但是又不想陷入手繪 UI 的困境,該庫可以幫你解決這些煩惱

8. wechat-format
地址: http s:// github.com/lyricat/wechat-format
star: 3.2k
fork: 356
公眾號文章的排版真是讓人頭大,還好有這個微信公眾號排版編輯器。便捷地把 Markdown 內(nèi)容轉(zhuǎn)換成微信特定的 HTML 內(nèi)容,然后粘貼到公眾號的編輯后臺就完活了。雖然不是特別美觀,但是節(jié)省了很多時間,在線嘗試
9. html-plus-plus
地址: http s:// github.com/csb6/html-plus-plus
star: 301
fork: 15
這個庫讓你可以使用 C++ 模板編寫 HTML。HTML 文檔被表示為一個單一的、深層嵌套的類型,相當(dāng)于 HTML 的模版引擎。代碼簡單可供新手學(xué)習(xí)和使用,示例代碼:
10. css-sweeper
地址: http s:// github.com/propjockey/css-sweeper
star: 584
fork: 30
一個只用 HTML 和 CSS 實現(xiàn)的掃雷游戲。在線試玩

11. simiki
地址: http s:// github.com/tankywoo/simiki
star: 1.1k
fork: 154
一個簡單的個人 Wiki 框架,便于快速搭建 Wiki 頁。使用 Markdown 書寫 Wiki, 生成靜態(tài) HTML 頁面。Wiki 源文件按目錄分類存放, 方便管理維護(hù)。中文文檔
12. GeneralNewsExtractor
地址: http s:// github.com/kingname/GeneralNewsExtractor
star: 1.6k
fork: 244
基于《基于文本及符號密度的網(wǎng)頁正文提取方法》論文用 Python 實現(xiàn)的正文抽取器,可以用來提取 HTML 中正文的內(nèi)容、作者、標(biāo)題。之前我看到這篇論文也想實現(xiàn)該抽取工具,但是我因為懶癌晚期躺下了,感謝kingname ‘帶趟’