廣州學(xué)HTML5要多長(zhǎng)時(shí)間?新手學(xué)前端需要多久?

鋒廣州HTML5面授學(xué)習(xí)已經(jīng)完成了第一階段的學(xué)習(xí)，對(duì)于我來(lái)說(shuō)時(shí)間過(guò)得真快，HTML和css的知識(shí)內(nèi)容在一個(gè)月內(nèi)全部學(xué)會(huì)，這個(gè)月的辛苦也是值得的。論到難度的話對(duì)于我這零基礎(chǔ)的人來(lái)說(shuō)，只有笨鳥(niǎo)先飛的概念，一個(gè)月我也養(yǎng)成了非常好的學(xué)習(xí)習(xí)慣，知識(shí)點(diǎn)靈活歸納，經(jīng)典案例舉一反三，平時(shí)注重筆記的記錄。

尤其是對(duì)于第一階段的代碼量來(lái)說(shuō)，效率和速度必須是絕對(duì)的，這是要靠你一個(gè)月來(lái)的積攢的熟練度和經(jīng)驗(yàn)度。這一個(gè)月我不僅熟練了網(wǎng)頁(yè)的書(shū)寫(xiě)，我的打字速度也得到了質(zhì)的飛躍，這對(duì)于我無(wú)疑來(lái)說(shuō)是最大的收獲。在這一階段只要你肯花時(shí)間和精力，再難的問(wèn)題也可克服下去。

在糾錯(cuò)的情況下，我不會(huì)放過(guò)任何一個(gè)去解決的機(jī)會(huì)，沒(méi)有哪個(gè)人可以一個(gè)不錯(cuò)，所以我就從錯(cuò)誤點(diǎn)下手，復(fù)習(xí)錯(cuò)誤的原因，和導(dǎo)致的問(wèn)題以及造成的影響，讓自己做到看到問(wèn)題可以立馬反映到是出了什么類(lèi)型的問(wèn)題，再聯(lián)想到多種解決的方法，讓自己糾錯(cuò)的時(shí)間壓縮在一分鐘之內(nèi)。

只有這樣自己的速度才可以提高。學(xué)習(xí)過(guò)程中難免會(huì)走一些彎路，所以我要學(xué)會(huì)分析形勢(shì)，不能盲目解決，必要的時(shí)候需要自己向身邊學(xué)習(xí)好的人，去學(xué)習(xí)他們優(yōu)秀的方法和他們分享的優(yōu)秀內(nèi)容。馬上進(jìn)入第二階段的學(xué)習(xí)，我要繼續(xù)保持和優(yōu)化自己的學(xué)習(xí)方式，讓自己最高效率高速度的去完成下個(gè)階段的內(nèi)容，朝自己的夢(mèng)想和成功前進(jìn)。

據(jù)W3C網(wǎng)頁(yè)規(guī)范化設(shè)計(jì)要求，網(wǎng)頁(yè)應(yīng)該遵循結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）的分離。這3種技術(shù)簡(jiǎn)單說(shuō)明如下。

結(jié)構(gòu)：使用HTML、XHTML或者XML語(yǔ)言規(guī)范設(shè)計(jì)的網(wǎng)頁(yè)標(biāo)簽代碼，即網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容。
表現(xiàn)：使用CSS語(yǔ)言規(guī)范設(shè)計(jì)的網(wǎng)頁(yè)樣式代碼，即網(wǎng)頁(yè)顯示效果（或稱(chēng)呈現(xiàn)效果）。
行為：使用JavaScript語(yǔ)言和DOM規(guī)范設(shè)計(jì)的網(wǎng)頁(yè)腳本代碼，即網(wǎng)頁(yè)特效、動(dòng)畫(huà)或者互動(dòng)行為。

在深入網(wǎng)頁(yè)設(shè)計(jì)之前，初學(xué)者應(yīng)該先掌握HTML語(yǔ)言，能夠熟練使用HTML標(biāo)簽。這對(duì)于大部分初學(xué)者來(lái)說(shuō)，通過(guò)認(rèn)真閱讀本章知識(shí)，能夠初步達(dá)成這個(gè)目標(biāo)。同時(shí)糾正初學(xué)者不規(guī)范的操作習(xí)慣，養(yǎng)成良好的、符合標(biāo)準(zhǔn)的手寫(xiě)代碼習(xí)慣。

HTML

HTML是目前在網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。HTML文檔是由HTML標(biāo)簽組成的描述性文本，HTML標(biāo)簽可以標(biāo)識(shí)文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。

HTML與XHTML

HTML是Hypertext Markup Language的縮寫(xiě)，中文翻譯為超文本標(biāo)識(shí)語(yǔ)言。使用HTML標(biāo)簽編寫(xiě)的文檔稱(chēng)為HTML文檔，目前最新版本是HTML 5.0，使用最廣泛的是HTML 4.1版本。

早期版本的HTML語(yǔ)言不適合構(gòu)建標(biāo)準(zhǔn)化網(wǎng)頁(yè)，因?yàn)樗呀Y(jié)構(gòu)和表現(xiàn)混淆在一起，例如， HTML把不同類(lèi)型的元素，如描述性元素color、i等和結(jié)構(gòu)性元素div、table等，以及元素屬性放在一起，為以后的維護(hù)和管理埋下隱患。

XHTML是The Extensible HyperText Markup Language的縮寫(xiě)，中文翻譯為可擴(kuò)展標(biāo)識(shí)語(yǔ)言，實(shí)際上它是HTML語(yǔ)言的升級(jí)版本，目前遵循的是W3C于2000年1月推薦的XHTML 1.0（參考http://www.w1.org/TR/xhtml1）。XHTML和HTML在語(yǔ)法和標(biāo)簽使用方面差別不大。熟悉HTML語(yǔ)言，再稍加熟悉標(biāo)準(zhǔn)結(jié)構(gòu)和規(guī)范，也就熟悉了XHTML語(yǔ)言。XHTML具有如下特點(diǎn)：

　用戶可以擴(kuò)展元素，從而擴(kuò)展功能，但在目前1.0版本下，用戶只能夠使用固定的預(yù)定義元素，這些元素基本上與HTML 4版本元素相同，但刪除了部分屬性描述性的元素。

　能夠與HTML很好地溝通，可以兼容當(dāng)前不同的網(wǎng)頁(yè)瀏覽器，實(shí)現(xiàn)XHTML頁(yè)面的正確瀏覽。

HTML語(yǔ)言作用

HTML作為一種網(wǎng)頁(yè)內(nèi)容標(biāo)識(shí)語(yǔ)言，易學(xué)易懂，熟悉使用該語(yǔ)言可以制作功能強(qiáng)大、美觀大方的網(wǎng)頁(yè)。HTML語(yǔ)言的主要作用說(shuō)明如下：

使用HTMl語(yǔ)言標(biāo)識(shí)文本。
使用HTML語(yǔ)言建立超鏈接，通過(guò)超鏈接可以訪問(wèn)互聯(lián)網(wǎng)上的所有信息，當(dāng)使用鼠標(biāo)單擊超鏈接時(shí)，會(huì)自動(dòng)跳轉(zhuǎn)到鏈接頁(yè)面。
使用HTML語(yǔ)言創(chuàng)建列表，把信息有序地組織在一起，以方便瀏覽。
使用HTMl語(yǔ)言在網(wǎng)頁(yè)中顯示圖像、聲音、視頻、動(dòng)畫(huà)等多媒體信息，把網(wǎng)頁(yè)設(shè)計(jì)得更富沖擊力。
使用HTML語(yǔ)言可以制作表格，以方便顯示大量數(shù)據(jù)。
使用HTML語(yǔ)言制作表單，允許在網(wǎng)頁(yè)內(nèi)輸入文本信息，執(zhí)行其他用戶操作，方便信息互動(dòng)。

HTML文檔基本結(jié)構(gòu)

HTML文檔一般都應(yīng)包含兩部分：頭部區(qū)域和主體區(qū)域。HTML文檔基本結(jié)構(gòu)由3個(gè)標(biāo)簽負(fù)責(zé)組織：<html>、<head>和<body>。其中<html>標(biāo)簽標(biāo)識(shí)HTML文檔，<head>標(biāo)簽標(biāo)識(shí)頭部區(qū)域，而<body>標(biāo)簽標(biāo)識(shí)主體區(qū)域。

乎上很多前端大佬說(shuō)，要做好前端的話HTML和CSS基礎(chǔ)必須夯實(shí)。那么，達(dá)到什么水平才能叫基礎(chǔ)夯實(shí)呢?下面和千鋒廣州前端小編一起來(lái)看看吧！

?1、拿到設(shè)計(jì)人員給的圖，不管是pc或者是移動(dòng)端的圖，看一遍之后腦海中已經(jīng)有了很明確的結(jié)構(gòu)和頁(yè)面書(shū)寫(xiě)過(guò)程中可能出現(xiàn)的兼容問(wèn)題。

2、頁(yè)面在書(shū)寫(xiě)的時(shí)候可以快速的寫(xiě)出來(lái)適合該項(xiàng)目相關(guān)的reset.css。并且在書(shū)寫(xiě)布局的適合可以借助編輯器的相關(guān)快捷鍵和相應(yīng)的標(biāo)記符，迅速把某一大模塊的結(jié)構(gòu)書(shū)寫(xiě)出來(lái)，比如利用hbulider的table快捷鍵書(shū)寫(xiě)快捷結(jié)構(gòu)，div>p.box$*4+p.text，并且做到一步到位準(zhǔn)確無(wú)誤。

3、結(jié)構(gòu)上書(shū)寫(xiě)的時(shí)候，能合理的應(yīng)用適合并且快捷的布局方式，比如是用彈性盒子布局、響應(yīng)式布局、多列布局、雙飛翼、圣杯布局等等，快速的達(dá)到自己的目的，并且對(duì)于一些a、img等這些標(biāo)簽需要的alt、title、target這些屬性也會(huì)注意的添加上。

4、對(duì)于網(wǎng)頁(yè)結(jié)構(gòu)的優(yōu)化有一定的認(rèn)識(shí)，比如如何避免蜘蛛陷阱，如何對(duì)網(wǎng)站當(dāng)中用到的URL進(jìn)行優(yōu)化，需不需要給網(wǎng)站當(dāng)中放入網(wǎng)站地圖等等。

5、每個(gè)不同的瀏覽器出現(xiàn)了兼容問(wèn)題，解決方法是什么，哪些是必須要添加特定的過(guò)濾器才可以的，如果更完美的話就是能不能換一種方式來(lái)實(shí)現(xiàn)這個(gè)效果，繞過(guò)一些存在兼容的屬性，這樣從優(yōu)化上又可以減少了代碼量。

6、對(duì)于移動(dòng)端在書(shū)寫(xiě)的時(shí)候，各個(gè)單位之間的關(guān)系和用法比如rem、vw、vh、dpr、em等，并且知道對(duì)不同類(lèi)型的移動(dòng)端頁(yè)面布局，采用不同的方式來(lái)做，從而更適合實(shí)際的需求。

7、除了常見(jiàn)的一些網(wǎng)頁(yè)布局和css頁(yè)面書(shū)寫(xiě)之外，對(duì)于一些其他的布局和css技巧也能做到熟練應(yīng)用，比如css實(shí)現(xiàn)各種居中、七種css方式讓一個(gè)容器水平垂直居中、全兼容的多列均勻布局問(wèn)題、多列等高布局等。

8、曉得層疊順序(stacking level)與堆棧上下文(stacking context)、IFC、BFC、GFC 與 FFC等的相關(guān)概念和實(shí)際操作當(dāng)中的應(yīng)用。

需要說(shuō)的東西太多了，其實(shí)這些東西如果想要熟悉熟練的掌握到位的話，更多的是需要做大量的一個(gè)練習(xí)，并且在大量的練習(xí)和項(xiàng)目書(shū)寫(xiě)過(guò)程中，不斷的總結(jié)自己的經(jīng)驗(yàn)并且記錄下來(lái)，最后才能夠變成自己的東西，很多東西都是需要從量變到質(zhì)變的過(guò)程，所以聽(tīng)別人的經(jīng)驗(yàn)再多都不如你親自的去實(shí)際的操作，這樣才會(huì)有效果。

在線咨詢(xún)

上一篇：Web前端：創(chuàng)建符合Web可訪問(wèn)性標(biāo)準(zhǔn)的HTML布局
下一篇："不敢去懷疑代碼，又不得不懷疑代碼"記一次網(wǎng)絡(luò)請(qǐng)求超時(shí)分析

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。