整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
HTML5是新的HTML標準，是對HTML和XHML的繼承和發展。學習HTML5首先需要了解HTML5的語法基礎。本章將圍繞HTML5文檔基本格式、HTML5語法來進行講解。
下面是HTML5最基本的代碼結構：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>1.<!doctype>標記
<!doctype>標記位于文檔的最前面，用于向瀏覽器說明當前文檔使用哪種HTML標準規范。只有在開頭使用<!doctype>聲明，瀏覽器才能將該網頁作為有效的HTML文檔，并按指定的文檔類型進行解析。使用HTML5的DOCTYPE聲明，會觸發瀏覽器以標準兼容模式來顯示頁面。
2.<html>標記
<html>標記位于<!doctype>標記之后，也稱為根標記，用于告知瀏覽器其自身是一個HTML文檔。<html>標記標志著HTML文檔的開始，</html>標記表示HTML文檔的結束。他們之間是文檔的頭部和主體內容。
3.<head>標記
<head>標記用于定義HTML文檔的頭部信息，也稱頭部標記，是用來封裝其他位于文檔頭部標記的標記，如：<meta>、<title>、<link>、<style>、<script>標記等。上面的代碼中，<meta>標記的屬性charset指的是文檔的字符編碼，“utf-8”表示國際通用字符編碼。<title>標記用于告訴用戶這個頁面是什么，如：百度頁面，在瀏覽器導航欄的最上方百度所屬頁面，會有一個百度的標題。<link>標記一般用來引入外部的CSS文件。<style>標記用來包裹與html標簽對應的CSS樣式，通常與選擇器結合起來使用。<script>標記用于引入外部的JavaScript（js）文件，如果<script>標記位于<body>標記中，就可以將js代碼寫在<script>標記中。
注意：一個HTML文檔中只能包含一對<head>標記，絕大多數文檔頭部包含的數據都不會真正作為內容顯示在頁面中。
部分標記會在下一章節進行詳細解釋
4.<body>標記
<body>標記用于定義HTML文檔所要顯示的內容，也稱為主體標記。瀏覽器中顯示的所有文本、圖像、音頻和視頻等信息都必須位于<body>標記內，<body>標記中的內容才是最終展示給用戶看的。
一個HTML文檔只能包含一對<body>標記，且必須位于<html>標記內部，<head>標記的后面，與<head>標記是并列關系。
1.標簽不區分大小寫
為了兼容各個瀏覽器，HTML5采用寬松的語法格式，標簽可以不區分大小寫就是HTML5語法變化的重要體現
<p>開始標記的p標記小寫，結束標記的p標記大寫</P>上面的代碼標簽的開始和結束標簽大小寫雖然不同，但它是符合HTML5語法的規范的。
2.允許屬性值不使用引號
在HTML5中，屬性值不放在引號中也是正確的，如：
<input type=text readonly=readonly/>
<input type=checkbox checked=a/>這段代碼等價于：
<input type="text" readonly="readonly"/>
<input type="checkbox" checked="a"/>3.允許部分屬性值的屬性省略
在HTML5中，部分標志性的屬性的屬性值是可以省略的，如：
<input type="text" readonly="readonly"/>
<input type="checkbox" checked="checked"/>
可以省略為：
<input type="text" readonly/>
<input type="checkbox" checked/>下面是一張關于HTML5可以省略屬性值的屬性表：
提示：雖然HTML5對于語法的規范不是很嚴格，但是個人建議，標簽采用小寫，引號加上，這兩點是為了讓頁面看起來美觀，也是為了方便后面頁面編寫出錯時找錯。
認證的站長暫時還不能使用代碼，
可以先認證再插入代碼
html組件和js組件使用權限限制
*頁面: 只允許經過認證的用戶使用html組件和js組件
*文章: 只允許經過認證的用戶使用js組件
html組件和js組件只允許使用規定的標簽
*html組件: a, code, pre, blockquote, ul, ol, li, table, thead, tbody, tfoot, tr, td, th, dd, dl, dt, s, u, b, i, font, span, strong, br, em, hr, sub, sup, div, section, p, h1, h2, h3, h4, h5, h6, vedio, audio, svg, img, style, iframe, fidldset, animate, text, tspan
*js組件: , a, code, pre, blockquote, ul, ol, li, table, thead, tbody, tfoot, tr, td, th, dd, dl, dt, s, u, b, i, font, span, strong, br, em, hr, sub, sup, div, section, p, h1, h2, h3, h4, h5, h6, vedio, audio, svg, img, style, iframe, fidldset, animate, text, tspan
所有標簽屬性限制
*不允許使用on開頭的屬性名
快站的技術小哥哥們限定了以上可使用的標簽，如果有所補充歡迎在下方留言回復，或點擊【閱讀原文】在社區中回復，我們會考慮酌情開放
更多快站資訊，點擊進入快站官網（www.kuaizhan.com）
TML 或超文本標記語言 允許 Web 用戶使用元素、標簽和屬性創建和構造部分、段落和鏈接。然而，值得注意的是，HTML 不能被視為一種編程語言，因為它不能創建動態功能。
HTML有很多用例，即：
本文將介紹 HTML 的基礎知識，包括它的工作原理、優缺點以及它與 CSS 和 JavaScript 的關系。
HTML（代表超文本標記語言）是構成大多數網頁和在線應用程序的計算機語言。超文本是用于引用其他文本片段的文本，而標記語言是告訴 Web 服務器文檔的樣式和結構的一系列標記。
在國內的網站上找了一圈，這應該是介紹歷史最細致的，長按保存手機里翻譯
平均每個網站包含幾個不同的信息 HTML 頁面。例如，主頁、關于頁面和聯系頁面都將具有單獨的 HTML 文件。
HTML 文檔是以 .html 或 .htm 擴展名結尾的文件。Web 瀏覽器讀取 HTML 文件并呈現其內容，以便互聯網用戶可以查看它。
所有 HTML 頁面都有一系列 HTML 元素，由一組標簽和屬性組成。HTML 元素是網頁的構建塊。標簽告訴 Web 瀏覽器元素在哪里開始和結束，而屬性描述元素的特征。
元素的三個主要部分是：
這三個部分的組合將創建一個 HTML 元素：
<p>這是在HTML中添加段落的方法。</p>HTML 元素的另一個關鍵部分是它的屬性，它有兩個部分——名稱和屬性值。名稱標識用戶想要添加的附加信息，并且屬性值給出進一步的說明。
例如，添加紫色和 font-family verdana 的樣式元素將如下所示：
< p style= "color:purple;font-family:verdana" >這是在HTML中添加段落的方法。< /p >另一個屬性，HTML 類，對于開發和編程來說是最重要的。class 屬性添加了可以作用于具有相同類值的不同元素的樣式信息。 例如，我們將對標題 <h1> 和段落 <p> 使用相同的樣式。樣式包括背景顏色、文本顏色、邊框、邊距和填充，在 .important 類下。要在 <h1> 和 <p> 之間實現相同的樣式，請在每個開始標記后添加 class=”important”：
<html>
<head>
<style>
.important {
background-color: blue;
color: white;
border: 2px solid black;
margin: 2px;
padding: 2px;
}
</style>
</head>
<body>
<h1 class="important">This is a heading</h1>
<p class="important">This is a paragraph.</p>
</body>
</html>大多數元素都有一個開始標簽和一個結束標簽，但有些元素不需要結束標簽即可工作，例如空元素。這些元素不使用結束標簽，因為它們沒有內容：
< img src= "/" alt= "圖像" >這個圖像標簽有兩個屬性——一個src屬性，圖像路徑，和一個alt屬性，描述性文本。但是，它沒有內容，也沒有結束標簽。
最后，每個 HTML 文檔都必須以 <!DOCTYPE> 聲明開頭，以告知 Web 瀏覽器文檔類型。使用 HTML5，doctype HTML public 聲明將是：
< !DOCTYPE html >目前，有 142 個 HTML 標簽可以用于創建各種元素。盡管現代瀏覽器不再支持其中一些標簽，但學習所有可用的不同元素仍然是有益的。
第二節將討論最常用的 HTML 標簽和兩個主要元素——塊級元素和內聯元素。
塊級元素占據頁面的整個寬度。它總是在文檔中開始一個新行。例如，標題元素將位于與段落元素不同的行中。
每個 HTML 頁面都使用這三個標簽：
<html>
<head>
<!-- META INFORMATION -->
</head>
<body>
<!-- PAGE CONTENT -->
</body>
</html>其他流行的塊級標簽包括：
內聯元素格式化塊級元素的內部內容，例如添加鏈接和強調的字符串。內聯元素最常用于在不破壞內容流的情況下格式化文本。
例如，一個 <strong> 標簽會以粗體呈現一個元素，而 <em> 標簽會以斜體顯示它。超鏈接也是使用 <a> 標記和 href 屬性來指示鏈接目標的內聯元素：
<a href="https://www.icodingdeu.com/" >點我！</a> HTML 的第一個版本由 18 個標簽組成。從那時起，每個新版本都帶有添加到標記中的新標簽和屬性。迄今為止，該語言最重大的升級是 2014 年引入的 HTML5。
HTML 和 HTML5的主要區別在于HTML5 支持新類型的表單控件。HTML5 還引入了幾個語義標簽，可以清楚地描述內容，例如 <article>、<header> 和 <footer>。
就像任何其他計算機語言一樣，HTML 有其優點和局限性。以下是 HTML 的優缺點：
優點：
就像任何其他計算機語言一樣，HTML 有其優點和局限性。以下是 HTML 的優缺點：
缺點：
HTML 用于添加文本元素并創建內容結構。然而，僅僅建立一個專業的和完全響應的網站是不夠的。因此，HTML 需要借助層級樣式表 (CSS)和JavaScript來創建絕大多數網站內容。
HTML 是 Internet 上的主要標記語言。每個 HTML 頁面都有一系列創建網頁或應用程序內容結構的元素。
HTML 是一種對初學者友好的語言，有很多支持，主要用于靜態網站頁面。HTML 與用于樣式的 CSS 和用于功能的 JavaScript 一起使用效果最好。
我們還向您展示了一些在線教學課程，它們將有助于提高您的 HTML 知識或提供對 HTML 的基本理解。
如果您有任何其他喜歡的資源來學習 HTML，請在評論部分告訴我們。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
