HTML5是一種新型的網頁開發(fā)語言,其內置了各種豐富的代碼和語法,下面讓我們來逐一解析各種HTML5中的重要代碼:
<!DOCTYPE html>
這是HTML5文檔聲明的開始,表示這是一個HTML5文檔。
<html>
HTML5文檔的開始標簽,內部包括head和body兩個部分。
<head> <title>網頁標題</title> <meta charset="UTF-8"> </head>
head標簽中的各種元素,包括網頁標題和指定字符集。
<body> <header> <h1>網頁標題</h1> </header> <nav> <ul> <li><a href="#">導航鏈接1</a></li> <li><a href="#">導航鏈接2</a></li> <li><a href="#">導航鏈接3</a></li> </ul> </nav> <article> <h2>文章標題</h2> <p>文章內容</p> </article> <footer> <p>版權信息等</p> </footer> </body>
body標簽中的各種元素,包括頁面頭部、導航、正文和頁腳等。
<p>這是一個段落。</p>
表示一個段落的起始標簽和終止標簽。
<img src="圖片鏈接" alt="圖片描述">
表示一個圖片,其中src屬性指向圖片地址,alt屬性可以添加一個圖片描述。
<a href="鏈接地址">鏈接名稱</a>
表示一個超鏈接,其中href屬性指向鏈接地址,鏈接名稱放在a標簽內部。
<ul> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> </ul>
表示一個無序列表,其中ul標簽表示整個列表,li標簽表示每個列表項。
<ol> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> </ol>
表示一個有序列表,與無序列表類似,只不過序號是數字。
<div>這是一個div容器</div>
表示一個div容器標簽,可以用于包裹和控制一些元素。
<script> ... </script>
表示一個腳本標簽,可以用于添加一些Javascript代碼。
<form method="post" action="表單提交地址"> ... </form>
表示一個表單,其中method屬性指定表單提交方式,action屬性指定表單提交地址。