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