HTML介紹

HTML是什么

HTML，是現(xiàn)在世界通用的超文本標(biāo)記語言，通過它，可以在網(wǎng)頁瀏覽器里面建立網(wǎng)頁，從而被全世界人們所看到。 所建立的網(wǎng)頁里面可以顯示文字、圖片、音樂、視頻、鏈接、程序等多種元素。

HTML發(fā)展史

HTML沒有1.0，因為關(guān)于它的初版存在爭議，1995年HTML 2.0面世，1997年由國際官方組織W3C推出了HTML3.2以及HTML 4.0標(biāo)準(zhǔn)，后面W3C(萬維網(wǎng)聯(lián)盟)也漸漸變成Web技術(shù)領(lǐng)域的權(quán)威，經(jīng)過漫長的演變，2014年，HTML 5標(biāo)準(zhǔn)最終面世。

• HTML 2.0——1995年11月，RFC 1866發(fā)布
• HTML 3.2——1997年1月14日，W3C發(fā)布推薦標(biāo)準(zhǔn)
• HTML 4.0——1997年12月18日，W3C發(fā)布推薦標(biāo)準(zhǔn)
• HTML 4.01——1999年12月24日，W3C發(fā)布推薦標(biāo)準(zhǔn)
• HTML 5——2014年10月28日，W3C發(fā)布推薦標(biāo)準(zhǔn)

HTML5編輯規(guī)范

1、文件拓展名默認使用htm，便于操作系統(tǒng)或者程序辨認文件，而圖片則基本上存為gif或jpg 2、瀏覽器默認忽視回車符，不過為了方便閱覽，人們還是會習(xí)慣地在寫完一段代碼后進行回車 3、標(biāo)記符號用尖括號括起來，帶斜杠的元素表示該標(biāo)記說明結(jié)束，大多數(shù)標(biāo)記符必須成對使用，用以說明起始和結(jié)束 4、必須使用半角而不是全角字符 5、HTML注釋<!--注釋內(nèi)容-->的內(nèi)容不給予顯示。

語義化

不同的情況用不同的標(biāo)簽，標(biāo)題用標(biāo)題標(biāo)簽<h1></h1>、段落用段落標(biāo)簽<p></p>、強調(diào)用強調(diào)標(biāo)簽. 好處是：

1. 更容易被搜索引擎收錄。
2. 更容易讓屏幕閱讀器讀出網(wǎng)頁內(nèi)容。

一、介紹

2005年興起，前身是程序員、站長做的靜態(tài)網(wǎng)頁設(shè)計，后來需要做一些動態(tài)交互工作量變大了，所以就分離出來一部分人專門做前端，再后來前端又將產(chǎn)品設(shè)計、交互設(shè)計、視覺設(shè)計分離出去，就變成了只負責(zé)實現(xiàn)動態(tài)網(wǎng)頁效果的人，不負責(zé)設(shè)計與后端的服務(wù)器代碼開發(fā)。

二、技能

1.理論知識：

• 代碼的可維護性
• 組件的易用性
• 分層語義模板和瀏覽器分級支持

2.核心技能：

• 美工切圖(ps+fireworks)----從設(shè)計師設(shè)計的圖片里面把背景圖片、圖標(biāo)、logo這些弄出來
• 寫網(wǎng)頁(html+css)----有的人喜歡將HTML5說成H5
• 做交互效果(js)

3.擴展知識：

• 懂后臺與數(shù)據(jù)庫(python+mysql)
• 懂網(wǎng)站性能優(yōu)化（文件過期Expires，緩存，異步緩存，js、css、圖片的壓縮等 ）
• 懂SEO

4.偷懶技能：

• 熟練運用各種輔助工具

三、其他

1.分工：

• 上游：交互設(shè)計師、視覺設(shè)計師、產(chǎn)品經(jīng)理
• 本段：前端開發(fā)
• 下游：服務(wù)器端工程師 9

2.級別

• 初級前端：理論知識+核心技能（掌握）
• 中級前端：理論知識+核心技能+擴展知識+偷懶技能（掌握）
• 高級前端：理論知識+核心技能+擴展知識+偷懶技能（精通）

3.產(chǎn)出

• 產(chǎn)出平臺：PC、手機
• 產(chǎn)出內(nèi)容：網(wǎng)頁

4.工資

• 平均收入：年薪 10萬 月薪 8千
• 高級收入：年薪 30萬-50萬 月薪 2萬5千-4萬