HTML 簡介

HTML介紹分為3部分，第一部分是HTML簡介及歷史，第二部分是HTML元素，第三部分是實戰及學習筆記。

專注于為中小企業提供做網站、成都做網站服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業南昌免費做網站提供優質的服務。我們立足成都，凝聚了一批互聯網行業人才，有力地推動了上千家企業的穩健成長，幫助中小企業通過網站建設實現規模擴充和轉變。

以下是第一部分：

參考資料：

w3.org, html 文檔

HTML，即Hypertext markup language是萬維網的核心標記語言，最初HTML被設計作為一門語言，用于語言描述科學文檔，后續則被拓展用于描述一系列不同類型的文檔，甚至應用。

1990-1995，迅速發展，從CERN到IETF(國際互聯網工作組)接管.

1995-1997, 隨著W3C建立，又變成由W3C主導，期間推出了HTML 3.2 和HTML 4.01

1998-2000，W3C停止HTML版本推進，開始研究XHTML 1.0（XML-based HTML 4.01), 其沒有添加任何新特性，反而更加地長篇累牘，更嚴格的檢測標準等。后續發布了XHTML 2.0，其與XHTML 1.0，HTTP 4.01不兼容。

期間直到2003，HTML沒有版本的變化，但期間出現了 DOM Level 1 2，提高了客戶端的使用體驗以及功能拓展。

2003，XForms(定位于下一代Web form)發布，其證明了很多它所擁有的新特性能拓展到HTML 4.01，Mozilla及Opera借此于2004年向W3C提出了更新HTML版本的提議，但W3C選擇繼續發展XML-based作為替代HTML。

于是Mozilla, Opera聯合Apple組成新實體WHATWG，發展HTML 的Living document，對HTML繼續進行拓展及新特性添加，直到后期W3C才轉回HTML標準的制定，多謝WHATWG，才有了我們今天基本采用的HTML 5。

W3C與WHATWG于2008年一起發布了第一份草案，2014年正式發布HTML 5。

*MDN Web Docs 簡介：Mozilla Developer Network的后續，致力于Web標準文檔的發展以及Web開發資料分享，包括HTML5, JavaScript, CSS, Web APIs, Node.js以及網絡擴展等

*HTML/XML/DOM等的語法上的一些區別：

namespaces不能用在HTML語法中，但可用作DOM及XHTML里；

noscript可被用在HTML里，但不能用在DOM,XHTML里，

--僅僅能用在DOM里。

*Text: in the context of content models, means either nothing, or Text nodes. Text is sometimes used as a content model on its own, but is also phrasing content, and can be inter-element white space

Text nodes and attribute values must consist of Unicode characters

*html end tag, head start tag, end tag, body start tag, end tag等在滿足一定條件情況下可以省略，更多可以省略的可以參考 這里 。

*塊級及內聯元素

塊級元素會以可見的塊呈現在頁面上，其顯示會與其前后的content有一行的間距，常用于呈現結構化的elements，如paragraph, list, nav, footer等，塊級元素不能被內嵌在內聯元素之中，塊通常只出現在body里。

內聯元素是包含在塊里的，僅僅只包含一小部分內容，常呈現在段落里，如a, em, strong等。其存在將不會導致新的一行的產生。

注意可以使用css display 屬性，設置inline為block。

*HTML parsing model

*audio, canvas, embed, iframe, 及MathTL, SVG里的元素為embeded元素

*元素是大小寫不敏感的

前端說的MDN是什么意識,全稱是什么

Mozilla 開發者社區（MDN）是一個完整的學習平臺，你可以在這里深入學習Web技術以及能夠驅動Web的軟件，包括：

網絡標準（例如：CSS、HTML 和 JavaScript）

開發開放網絡應用

開發 Firefox 附加組件。

前端即網站前臺部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。隨著互聯網技術的發展，HTML5，CSS3，前端框架的應用，跨平臺響應式網頁設計能夠適應各種屏幕分辨率，合適的動效設計，給用戶帶來極高的用戶體驗。

HTML、CSS、JavaScript這三個是前端開發中最基本也是最必須的三個技能。前端的開發中，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現相應的效果和交互。雖然表面看起來很簡單，但這里面需要掌握的東西絕對不會少。在進行開發前，需要對這些概念弄清楚、弄明白，這樣在開發的過程中才會得心應手。

HTML

指的是超文本標記語言 (Hyper Text Markup Language)，這個也是我們網頁最常用普通的語言了，經歷了多個版本的發展，已經發展到5.0版了，得力于W3C建立的標準和規范

HTML里的meta標簽有什么作用？怎么用？六安市康運有人會這個嗎？

meta標簽共有兩個屬性，分別是http-equiv屬性和name屬性。

1. name屬性

name屬性主要用于描述網頁，比如網頁的關鍵詞，敘述等。與之對應的屬性值為content，content中的內容是對name填入類型的具體描述，便于搜索引擎抓取。meta標簽中name屬性語法格式是：

meta name="參數" content="具體的描述"。

其中name屬性共有以下幾種參數。(A-C為常用屬性)

A. keywords(關鍵字)

說明：用于告訴搜索引擎，你網頁的關鍵字。舉例：

meta name="keywords" content="Lxxyx,博客，文科生，前端"

B. description(網站內容的描述)

說明：用于告訴搜索引擎，你網站的主要內容。舉例：

meta name="description" content="文科生，熱愛前端與編程。目前大二，這是我的前端博客"

C. viewport(移動端的窗口)

說明：這個概念較為復雜，具體的會在下篇博文中講述。這個屬性常用于設計移動端網頁。在用bootstrap,AmazeUI等框架時候都有用過viewport。

舉例（常用范例）：

meta name="viewport" content="width=device-width, initial-scale=1"

D. robots(定義搜索引擎爬蟲的索引方式)

說明：robots用來告訴爬蟲哪些頁面需要索引，哪些頁面不需要索引。content的參數有all,none,index,noindex,follow,nofollow。默認是all。

舉例：

meta name="robots" content="none"

具體參數如下：

1.none : 搜索引擎將忽略此網頁，等價于noindex，nofollow。

2.noindex : 搜索引擎不索引此網頁。

3.nofollow: 搜索引擎不繼續通過此網頁的鏈接索引搜索其它的網頁。

4.all : 搜索引擎將索引此網頁與繼續通過此網頁的鏈接索引，等價于index，follow。

5.index : 搜索引擎索引此網頁。

6.follow : 搜索引擎繼續通過此網頁的鏈接索引搜索其它的網頁。

E. author(作者)

說明：用于標注網頁作者舉例：

meta name="author" content="Lxxyx,841380530@qq.com"

F. generator(網頁制作軟件)

說明：用于標明網頁是什么軟件做的舉例: (不知道能不能這樣寫)：

meta name="generator" content="Sublime Text3"

G. copyright(版權)

說明：用于標注版權信息舉例：

meta name="copyright" content="Lxxyx" //代表該網站為Lxxyx個人版權所有。

H. revisit-after(搜索引擎爬蟲重訪時間)

說明：如果頁面不是經常更新，為了減輕搜索引擎爬蟲對服務器帶來的壓力，可以設置一個爬蟲的重訪時間。如果重訪時間過短，爬蟲將按它們定義的默認時間來訪問。舉例：

meta name="revisit-after" content="7 days"

I. renderer(雙核瀏覽器渲染方式)

說明：renderer是為雙核瀏覽器準備的，用于指定雙核瀏覽器默認以何種方式渲染頁面。比如說360瀏覽器。舉例：

meta name="renderer" content="webkit" //默認webkit內核

meta name="renderer" content="ie-comp" //默認IE兼容模式

meta name="renderer" content="ie-stand" //默認IE標準模式

HTML5 是一門編程語言嗎

HTML（HyperTextMark-upLanguage）即超文本標記語言或超文本鏈接標示語言，是WWW的描述語言。設計HTML語言的目的是為了能把存放在一臺電腦中的文本或圖形與另一臺電腦中的文本或圖形方便地聯系在一起，形成有機的整體，人們不用考慮具體信息是在當前電腦上還是在網絡的其它電腦上。我們只需使用鼠標在某一文檔中點取一個圖標，Internet就會馬上轉到與此圖標相關的內容上去，而這些信息可能存放在網絡的另一臺電腦中。 HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內容;是編程語言

當前標題：關于html5mdn的信息
文章出自：http://m.newbst.com/article46/dssshhg.html

成都網站建設公司_創新互聯，為您提供品牌網站建設、響應式網站、小程序開發、手機網站建設、、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯