這次帶給大家HTML的基本結構有哪些,設計HTML基本結構的注意事項有哪些,下面就是實戰案例,一起來看一下。
HyperText Markup Language:超文本標記語言
HyperText:超文本(文字+ 圖片+ 視訊+ 音訊+ 連結)
Markup Language:標記語言
網站的三大元素
圖片,超連結,文字
HTML基本結構
<html> <head> <title>Document</title> </head> <body> I am mossbaoo ! </body> </html>
標準網頁的HTML標籤
1.HTML文件聲明:fef50554eca1a427827adaa329da8122
2.頁標題:b2386ffb911b14667cb8f0f91ea547a7~6e916e0f7d1e588d4f442bf645aedb2f
3.頁面編碼:9eb7f0676c6b164d9cd2d3b69d5c092c
#utf-8 是多國語言編碼(推薦使用)
gb2312 是簡體中文編碼
4.頁面關鍵字:26a2cd90f1b2faa7af23737a102530f3
頁面主要內容:0796dfc1bbdafbd8cbd53ad3f465f10a
注意:meta標籤是html語言的輔助性標籤,通常用於優化搜尋引擎,它位於HTML文檔頭部。
產生HTML文件初始結構
1.HTML5的標準結構:html:5+Tab鍵 或 !+Tab鍵
產生結果如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
2.HTML4的過渡型結構:html:xt+Tab鍵
#產生結果如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> </body> </html>
HTML標籤注意點:
• HTML元素由開始標籤和結束標籤組成。
• 位於開始標籤和結束標籤中的文字是元素的內容。
• HTML標籤有開始必須有結束,如果是沒有內容的標籤(空標籤),用/>來結束。
• 標籤名稱不區分大小寫,但是在XHTML中標籤名稱必須用小寫。
• 標籤具有屬性,屬性用來表示標籤的性質和特性。屬性要在開始標籤中指定。
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
#以上是HTML的基本結構有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!