隨著網際網路的發展,從事計算機語言的人越來越多,對於一個程式設計師來說,常見的web前端語言有html、css、JavaScript等,服務端語言有php、java、c#等等。今天主要介紹的是html語言,也是網頁中最基本的語言之一。
HTML,全稱 “Hyper Text Markup Language(超文字標記語言)”,它是製作全球資訊網頁面的標準語言。
所謂超文字,因為它可以加入圖片、聲音、動畫、多媒體等內容。不僅如此,它還可以從一個檔案跳轉到另一個檔案,與世界各地主機的檔案連線。
需要特別說明的是,HTML不是一門程式語言,而是一門描述性的標記語言。
html語言主要分為兩個部分,第一部分是“頭部”,“頭部”主要提供網頁的基本資訊,比如:標題、編碼等等;第二部分是“主體”,主體部分提供的是網頁的主題內容,即瀏覽器中顯示的內容。
“頭部”由“<hend>標籤”來標記,“主體”部分由“<body>標籤”來標記。除了這兩個部分,還有文件的型別宣告,文件型別宣告的作用就是告訴瀏覽器你用的是哪個html版本來編寫的,瀏覽器才能成功的渲染。文件型別的宣告由“DOCTYPE”單詞來完成,放在文件的第一行。文件型別聲明後是<html>標籤,<html>標籤中才是“頭部”和“主體”部分。
學習 HTML,就是學習各種標籤,即網頁的“骨架”。(推薦使用 HBuilder編輯器)
標籤有文字標籤、影象標籤、音訊標籤、表單標籤等等。因為HTML 這門語言就是一門描述性語言,就是用標籤來說話。
舉個例子,如果你要在瀏覽器顯示一段文字,你就用到 段落標籤 <p>,如果你要在瀏覽器顯示一張圖片,就要用到 影象標籤<img>。針對物件不同,使用的標籤也不同。
學習HTML 就是學習各種各樣的標籤,然後針對你想要顯示的內容,來使用相應的標籤,即在對的地方用對的標籤。
HTML5開發的優點:
1、跨平臺
現在HTML5是非常火的技術,它在使用高階瀏覽器的高階移動裝置上發揮了重要作用,所以可以用作開發Android系統的App,並且HTML5對android、ios系統都支援。在多屏時代的面前,跨平臺確實是剛需。因為多套程式碼不同技術工種卻要求業務邏輯同步,跨平臺技術在早期大多因為效能問題夭折,但中後期硬體能力增強後又會佔據主流這是很麻煩的過程,HTML5的出現就解決了這個問題。
2、簡單高效
HTML5可以用作離線應用的開發,離線應用就是把需要的資源先快取到本地,下次再檢視時無需聯網。HTML5開發APP能夠提供簡單高效的服務,像是程式碼可高度重用,服務釋出方便。移動互聯是一個很現實的平臺,HTML5對使用者的需求滿足的更快,試錯成本更低,它就擁有巨大的優勢。網際網路產品大多免費、且有網路效應,後入者搶奪使用者的難度非常大。使用HTML5開發,從招聘、開發、上線各個環節的效率都比其他快一倍以上。
3、成本低
尤其是對於現在初創的公司來說,如何高效地完成工作卻用最少的成本工作是公司發展存亡的關鍵。如果大家使HTML5開發App就會發現,自己的開發成本比使用其他的開發工具的成本要低,相信投資人會更喜歡給你投錢。
4、推廣更容易
吸引人流進入APP是商家們盈利的重點,對於HTML5來說這是自身開發的最大優勢,超級App(如微信朋友圈)、搜尋引擎、應用市場、瀏覽器,到處都是HTML5的流量入口。厲害的HTML5開發者,當然會玩轉各種流量入口,從而取得更強的優勢。另外除了HTML5的入口多和流量大這一顯著優勢外,HTML5的引流效率也是不可忽視的。畢竟,頁遊和端遊打一摸一樣的的廣告,頁遊的廣告變使用者的轉化率是遠遠高於端遊的。
HTML5開發的缺點:
1、不安全
像之前Firefox4的web socket和透明代理的實現存在嚴重的安全問題,同時web storage、web socket 這樣的功能很容易被駭客利用,來盜取使用者的資訊和資料。
2、完善性不高
許多特性各瀏覽器的支援程度也不一樣。
3、一定的技術門檻
HTML5簡化開發者工作的同時代表了有許多新的屬性和API需要開發者學習,像web worker、web socket、web storage 等新特性,後臺甚至瀏覽器原理的知識,機遇的同時也是巨大的挑戰
4、效能一般
某些平臺上的引擎問題導致HTML5效能低下。
5、瀏覽器相容性一般
最大缺點,IE9以下瀏覽器幾乎全軍覆沒。
隨著網際網路的發展,從事計算機語言的人越來越多,對於一個程式設計師來說,常見的web前端語言有html、css、JavaScript等,服務端語言有php、java、c#等等。今天主要介紹的是html語言,也是網頁中最基本的語言之一。
什麼是HTML語言?HTML,全稱 “Hyper Text Markup Language(超文字標記語言)”,它是製作全球資訊網頁面的標準語言。
所謂超文字,因為它可以加入圖片、聲音、動畫、多媒體等內容。不僅如此,它還可以從一個檔案跳轉到另一個檔案,與世界各地主機的檔案連線。
需要特別說明的是,HTML不是一門程式語言,而是一門描述性的標記語言。
HTML語言的結構html語言主要分為兩個部分,第一部分是“頭部”,“頭部”主要提供網頁的基本資訊,比如:標題、編碼等等;第二部分是“主體”,主體部分提供的是網頁的主題內容,即瀏覽器中顯示的內容。
“頭部”由“<hend>標籤”來標記,“主體”部分由“<body>標籤”來標記。除了這兩個部分,還有文件的型別宣告,文件型別宣告的作用就是告訴瀏覽器你用的是哪個html版本來編寫的,瀏覽器才能成功的渲染。文件型別的宣告由“DOCTYPE”單詞來完成,放在文件的第一行。文件型別聲明後是<html>標籤,<html>標籤中才是“頭部”和“主體”部分。
HTML要學習什麼學習 HTML,就是學習各種標籤,即網頁的“骨架”。(推薦使用 HBuilder編輯器)
標籤有文字標籤、影象標籤、音訊標籤、表單標籤等等。因為HTML 這門語言就是一門描述性語言,就是用標籤來說話。
舉個例子,如果你要在瀏覽器顯示一段文字,你就用到 段落標籤 <p>,如果你要在瀏覽器顯示一張圖片,就要用到 影象標籤<img>。針對物件不同,使用的標籤也不同。
學習HTML 就是學習各種各樣的標籤,然後針對你想要顯示的內容,來使用相應的標籤,即在對的地方用對的標籤。
HTML的優缺點HTML5開發的優點:
1、跨平臺
現在HTML5是非常火的技術,它在使用高階瀏覽器的高階移動裝置上發揮了重要作用,所以可以用作開發Android系統的App,並且HTML5對android、ios系統都支援。在多屏時代的面前,跨平臺確實是剛需。因為多套程式碼不同技術工種卻要求業務邏輯同步,跨平臺技術在早期大多因為效能問題夭折,但中後期硬體能力增強後又會佔據主流這是很麻煩的過程,HTML5的出現就解決了這個問題。
2、簡單高效
HTML5可以用作離線應用的開發,離線應用就是把需要的資源先快取到本地,下次再檢視時無需聯網。HTML5開發APP能夠提供簡單高效的服務,像是程式碼可高度重用,服務釋出方便。移動互聯是一個很現實的平臺,HTML5對使用者的需求滿足的更快,試錯成本更低,它就擁有巨大的優勢。網際網路產品大多免費、且有網路效應,後入者搶奪使用者的難度非常大。使用HTML5開發,從招聘、開發、上線各個環節的效率都比其他快一倍以上。
3、成本低
尤其是對於現在初創的公司來說,如何高效地完成工作卻用最少的成本工作是公司發展存亡的關鍵。如果大家使HTML5開發App就會發現,自己的開發成本比使用其他的開發工具的成本要低,相信投資人會更喜歡給你投錢。
4、推廣更容易
吸引人流進入APP是商家們盈利的重點,對於HTML5來說這是自身開發的最大優勢,超級App(如微信朋友圈)、搜尋引擎、應用市場、瀏覽器,到處都是HTML5的流量入口。厲害的HTML5開發者,當然會玩轉各種流量入口,從而取得更強的優勢。另外除了HTML5的入口多和流量大這一顯著優勢外,HTML5的引流效率也是不可忽視的。畢竟,頁遊和端遊打一摸一樣的的廣告,頁遊的廣告變使用者的轉化率是遠遠高於端遊的。
HTML5開發的缺點:
1、不安全
像之前Firefox4的web socket和透明代理的實現存在嚴重的安全問題,同時web storage、web socket 這樣的功能很容易被駭客利用,來盜取使用者的資訊和資料。
2、完善性不高
許多特性各瀏覽器的支援程度也不一樣。
3、一定的技術門檻
HTML5簡化開發者工作的同時代表了有許多新的屬性和API需要開發者學習,像web worker、web socket、web storage 等新特性,後臺甚至瀏覽器原理的知識,機遇的同時也是巨大的挑戰
4、效能一般
某些平臺上的引擎問題導致HTML5效能低下。
5、瀏覽器相容性一般
最大缺點,IE9以下瀏覽器幾乎全軍覆沒。