整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
們來看一下在HTML5中的標記方法。
內容類型（ContentType）
首先，HTML5文件的擴展名和內容類型沒有發生變化。即擴展名還是.html或.htm，內容類型還是.text/html。
DOCTYPE聲明
要使用HTML5標記，必須先進行如下的DOCTYPE聲明。不區分大小寫。Web瀏覽器通過判斷文件開頭有沒有這個聲明，讓解析器和渲染類型切換成對應HTML5的模式。
<!DOCTYPE html>
另外，當使用工具時，也可以在DOCTYPE聲明方式中加入SYSTEM標識。不區分大小寫。此外還可將雙引號換為單引號來使用，聲明方法如下面的代碼。
<!DOCTYPE HTML SYSTEM "about:legacy-compat">
字符編碼的設置
字符編碼的設置方法也有些新的變化。以前，設置HTML文件的字符編碼時，要用到meta元素，代碼如下。
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
在HTML5中，可以使用<meta>元素的新屬性charset來設置字符編碼。
<meta charset="UTF-8">
以上兩種方法都有效。因此也可以繼續使用前者（通過content元素的屬性來設置）。但二者不能同時使用。如下所示代碼的使用方法是錯誤的。
<!-- 不能混合使用charset 屬性和http-equiv 屬性 -->
<meta charset="UTF-8" http-equiv="Content-Type" content="text/html;charset=UTF-8">
注意
從HTML5開始，文件的字符編碼推薦使用UTF-8。
小編在前端課程的第一部分講的HTML不知道童靴們都掌握沒有，新來的童靴們可以看一下之前的文章。（小白前端文章知識整理——HTML部分）
學過的童靴了解，在普通的html文檔中,我們一般用div去布局網頁的結構。
如上，我們用ID選擇器去標識頁面中的特定結構元素（頁眉，頁腳，導航，內容），而且ID標識的元素是唯一的。class選擇器可以用來標識任意個元素，非常適合標識內容類型或其他相似的條目。
根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。
如上，HTML5語義化標簽有專門添加頁眉、頁腳、導航、文章內容等跟結構相關的結構元素標簽，是不是結構看起來更清晰了呢。
那么上面的結構在html文檔你能夠寫出來嗎？
一個簡單的HTML5文檔結構：
給童靴們一個任務，寫出上面文檔結構的CSS。下篇HTML5文章，給大家總結HTML5語義化標簽。
你必須非常努力，才能看起來毫不費力！
關注小白前端，持續收到文章推送！
迎你來到站長在線的站長學堂，學習html5的知識，今天分享的是《HTML的相關概念詳解》。主要內容有：WWW，W3C，WHATWG，URL，HTTP，XHTML，網站，域名，網站空間，網站程序。
WWW：（World Wide Web，萬維網）是一種建立在Internet上的、全球性的、交互的、多平臺的、分布式的信息資源網絡。它采用HTML語言描述超文本（Hypertext）文件。這里所說的超文本指的是包含有鏈接關系的文件，并且包含了多媒體對象的文件。
W3C：( World Wide Web Consortium )萬維網聯盟，創建于1994年是Web技術領域最具權威和影響力的國際中立性技術標準機構。W3C 制定了結構(xhtml、xml)和表現(CSS)的標準，非贏利性的。
WHATWG：網頁超文本應用技術工作小組，一個以推動網絡HTML 5 標準為目的而成立的組織。在2004年，由Opera、Mozilla基金會和蘋果這些瀏覽器廠商組成。
WWW有3個基本組成部分，分別是URL（統一資源定位器）、HTTP（超文本傳輸協議）和HTML（超文本標識語言）。
URL：（Universal Resource Locators）提供在Web上進入資源的統一方法和路徑，使得用戶所要訪問的站點具有唯一性，這就相當于我們每個人只有一個身份證號一樣。它說明了鏈接所指向的每個文件的類型及其準確位置。
HTTP：（Hypertext Transfer Protocol）超文本傳輸協議是一種網絡上傳輸數據的協議，專門用于傳輸以“超文本”（Hypertext）或“超媒體”（Hypermedia）的形式提供的信息。
HTML語言：（Hypertext Markup Language，中文通常稱為超文本置標語言或超文本標記語言）是一種文本類、解釋執行的標記語言，它是Internet上用于編寫網頁的主要語言。用HTML編寫的超文本文件稱為HTML文件。
XHTML：指可擴展超文本標記語言（標識語言）（EXtensible HyperText Markup Language）是一種置標語言，表現方式與超文本標記語言（HTML）類似，不過語法上更加嚴格。
要把信息發布到全球，就必須要使用能夠被大眾接受的語言，也就是使用一種大多數計算機能夠識別的出版語言。在WWW上，通常使用的發布語言是HTML，即超文本標識語言。
HTML5：指的是HTML的第五次重大修改（第5個版本）(HTML5 是 W3C 與 WHATWG 合作的結果)。
HTML是純文本類型的語言，使用HTML編寫的網頁文件也是標準的純文本文件。
我們可以用任何文本編輯器，例如Windows的“記事本”程序打開它，查看其中的HTML源代碼，也可以在用瀏覽器打開網頁時，通過相應的“查看/源文件”命令查看網頁中的HTML代碼。HTML文件可以直接由瀏覽器解釋執行，而無須編譯。當用瀏覽器打開網頁時，瀏覽器讀取網頁中的HTML代碼，分析其語法結構，然后根據解釋的結果顯示網頁內容，正是因為如此，網頁顯示的速度同網頁代碼的質量有很大的關系，保持精簡和高效的HTML源代碼是十分重要的。
網站：一個完整的網站，主要由域名，網站空間和網站程序組成。如果我們把網站比喻成一棟房子的話，域名相對于門牌號，代表了地址。網站空間相對于房子的地皮，房子的空間與網站空間的大小相對應。網站程序相對于建筑材料和建筑方法了。建房子是需要建筑工人來完成，做網站就是程序員的事情了。
域名：簡單的說就是網站的網址最重要的部分。如本站的域名是olzz.com。輸入哪一個域名就到達哪一個網站。這相對于房子的門牌號，有了實際的地址，你才知道要去哪里。域名在互聯網上是唯一的，你注冊了這個域名，別人就不能注冊了，所以那些簡短、有意義的域名，價格就很昂貴。實際中的地址也是一樣，相同大小的房子，北京一環內的是要比大西北沙漠里面的房子要貴。
網站空間：網站空間主要用于存放網頁內容的，比如網站的源碼，圖片，視頻，文檔等內容。目前主要有兩種，一個是云服務器，一個是虛擬主機。一臺云服務器相對于一臺獨立的電腦，通常可以做無數個網站。一個虛擬主機，就是服務器里面的一個文件夾，通常來說，一個虛擬主機只能做一個網站。不管是服務器還是虛擬主機，空間越大就越貴（當然其他的配置也會更高）。拿房子來說，一個占地幾個平方的茅草屋和幾萬平方的高樓大廈的成本是不一樣的。
網站程序：網站程序也叫網站源碼，你要建什么功能的網站，就要開發什么樣的程序。比如購物網站，視頻網站，游戲網站，博客網站等網站程序不一樣，對應的功能也是不一樣的。就好比建房子，你建一個 茅草屋和建一個高樓大廈，所用的材料和建筑方法是不一樣的。現在有很多開源的建站程序，比如搭建博客用WordPress、zblog，搭建論壇用discuz。當然現成的網站程序的功能不能滿足自己的需求，這就需要對網站的功能進行單獨定制。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
