1. 瞭解HTML

時間 2019-11-20

標籤瞭解 html 欄目 HTML 简体版

原文原文鏈接

HTML概念html

HTML，超文本標記語言。它由一套標籤組成用來描述網頁，值得咱們注意的是HTML並非編程語言，它只是一種標記，咱們經過HTML定義了網頁的結構，而後再利用其餘技術裝飾這個結構，賦予這個結構活動的能力。
HTML的內容並不複雜，也很容易上手，可是要編寫出符合標準並且語義良好的HTML代碼卻不是一件容易的事情，須要咱們不斷的練習和學習才能夠。編程

混淆內容

1. htm、html後端

通常咱們操做的HTML都是html格式的，可是在其餘地方卻可能遇到過htm的文件。其實這兩種格式的文件沒有什麼不一樣，htm只是爲了兼容過去DOS命名格式出現的，並且如今已經不多用了。瀏覽器

2. shtml、shtm
這兩種格式的文件被看做一種編程語言，它們能夠被服務器識別，相似於JSP、ASP、PHP之類的文件，因此它們和html、htm是不一樣的。服務器

3. DHTML
在網上的可能會看到這種說法，它不是一種編程語言，只是網景和微軟兩大瀏覽器廠商提出的瀏覽器4.x時代應該具有的特色。它集合了HTML、CSS、JavaScript能夠動態的顯示網頁內容，因此它是相對於靜態網頁而言的，只是一種銷售的術語。編程語言

HTML的歷史

1993年6月，互聯網工程工做小組發佈了關於超文本標記語言的工做草案（並不是標準）；學習

1995年11月，HTML2.0 做爲RFC 1866 發佈（2000年6月發佈以後被宣佈過期）；網站

1996年1月14日，HTML3.2 發佈，W3C 推薦的標準；搜索引擎

1997年12月18日，HTML4.0 發佈，W3C 推薦的標準；編碼

1999年12月24日，HTML4.01發佈，作了微小的的改進，W3C推薦的標準；

2000年1月26日，XHTML1.0發佈，W3C 推薦的標準；

2001年5月31日，XHTML1.1 發佈；

XHTML 2.0 是W3C的工做草案，不過由於改動太大，學習成本太大，因此如今依然使用的仍是 XHTML1.0；

目前HTML5做爲最新的版本，提供了一些新的元素和一些有趣的新特性，同時也創建了一些新的規則。這些元素、特性、規則的創建提供不少新的網頁功能，常見的像網頁能夠實現動態渲染、不須要使用任何插件就能夠直接播放視頻。儘管如此，能夠HTML5依然在嘗試的階段，大部分瀏覽器還不能徹底支持HTML5；

注意XHTML

在XHTML中標籤名必須小寫，HTML中標籤名大小寫不限；
在XHTML、HTML中的屬性名都必須是小寫；
在XHTML中標籤必須嚴格的嵌套，HTML中對嵌套沒有嚴格的規定；
在XHTML中標籤必須封閉，在HTML中標籤是否封閉並無嚴格要求；
在XHTMl中即便是自閉標籤也必須封閉，HTML中沒有嚴格規定（針對 <img/> 、<br/>等標籤）；
在XHTML中屬性值必須使用雙引號，HTML中屬性能夠不使用雙引號；
在XHTML中屬性值必須使用完整形式，HTML中一些屬性可使用簡寫形式，如 <input disabled=」 disabled」/> 和 <input disabled/>只有在HTML中才都是正確的；
在XHTML中還要求區分清除內容標籤和結構標籤。如<p>做爲內容標籤，<table>做爲結構標籤，因此不容許將<table>放在 <p>；

HTML結構

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>網頁標題</title>
 6 </head>
 7 <body>
 8     
 9 </body>
10 </html>

一個完整的HTML結構包括了聲明、網頁頭部、網頁主體幾部分組成。其中聲明部分定義網頁使用的HTML版本，網頁的頭部定義了網頁的標題、引用的樣式和腳本等內容，網頁的主體部分包含在瀏覽器頁面中展現的全部內容。

1. 特色
網頁的聲明必須定義在HTML的第一行，網頁的標題和主體兩大部分包括在<html>標籤中。
在編寫HTML時，沒有哪一部分是必須的，可是在編碼時儘可能按照這個結構編寫HTML，不要缺失某一部分。

2. 聲明
聲明必須在HTML的第一行，它約束HTML的文檔結構，校驗是否符合Web標準，同時告知瀏覽器應該採用哪一個版本的規範來解析文檔。
在HTML4.01中的聲明引用了DTD文件，而HTML5則沒有。DTD：規定標記語言的規則，這樣瀏覽器才能夠正確顯示內容。
最好始終在頁面中定義聲明，這樣方便瀏覽器按照統一的標準來解析。

3. <meta>標籤
這個標籤描述網頁的基本信息，包括文檔內容類型、字符編碼、搜索的關鍵字、網站功能和服務的詳細描述。並且值得注意的是這個標籤的內容並不會在頁面中展現出來，使用這個標籤能夠方便搜索引擎的檢索和瀏覽器解析。
注意：若是想要了解更多和這個標籤相關的信息能夠訪問 W3C的官網查看。

HTML編碼

全部的標籤名、屬性名都必須小寫，屬性值使用雙引號。雖然在HTML中不區分大小寫，可是 W3C 規範建議是小寫；
爲全部的關鍵因素定義 id、class ，這樣方便和JS、CSS交互，避免沒必要要的錯誤出現；
推薦 id、class的命名方式按照語義和DOM樹的層級關係定義合適的名稱，並且名稱中應該所有使用小寫。其中 id的名稱關鍵詞用下劃線」 _ 「鏈接，class 的關鍵詞用「-」鏈接，避免命名衝突；
在HTML的不一樣層次縮進使用四個空格，若是這個元素包括子元素，那麼這個元素對應的起始標籤和結束標籤分別單獨佔用一行；
爲HTML添加必要的註釋，不過在HTML中的註釋不宜過多。添加註釋的原則要在保證代碼維護性的基礎上，儘可能保證讓HTML代碼簡潔。通常註釋添加在頁面的公共部分（頁面頭部、尾部、側邊欄等），在頁面中常常變化的部分以及須要後端代碼注入的部分添加註釋，並且註釋添加的位置應該單獨佔一行不要在代碼的先後添加註釋；

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。