HTML簡介
HyperText Markup Language：超文本標(biāo)記語言
HyperText：超文本(文本 + 圖片 + 視頻 + 音頻 + 鏈接）
Markup Language：標(biāo)記語言
網(wǎng)站的三大元素
圖片，超鏈接，文字
HTML基本結(jié)構(gòu)
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <html>
- <head>
- <title>Document</title>
- </head>
- <body>
- I am mossbaoo !
- </body>
- </html>
標(biāo)準(zhǔn)網(wǎng)頁的HTML標(biāo)簽
1.HTML文檔聲明：<!DOCTYPE HTML>
2.頁面標(biāo)題：<title>~</title>
3.頁面編碼：<meta charset= "utf-8" />
utf-8 是多國語言編碼（推薦使用）
gb2312 是簡體中文編碼
4.頁面關(guān)鍵字：<meta name="keywords" content="關(guān)鍵字1,關(guān)鍵字2,…" />
頁面主要內(nèi)容：<meta name="description" content="內(nèi)容介紹" />
注意：meta標(biāo)簽是html語言的輔助性標(biāo)簽，通常用于優(yōu)化搜索引擎，它位于HTML文檔頭部。
生成HTML文檔初始結(jié)構(gòu)
1.HTML5的標(biāo)準(zhǔn)結(jié)構(gòu)：html:5+Tab鍵 或 !+Tab鍵
生成結(jié)果如下
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- </head>
- <body>
-
- </body>
- </html>
2.HTML4的過渡型結(jié)構(gòu)：html:xt+Tab鍵
生成結(jié)果如下
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!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標(biāo)簽注意點(diǎn)：
• HTML元素由開始標(biāo)簽和結(jié)束標(biāo)簽組成。
• 位于開始標(biāo)簽和結(jié)束標(biāo)簽中的文本是元素的內(nèi)容。
• HTML標(biāo)簽有開始必須有結(jié)束，如果是沒有內(nèi)容的標(biāo)簽（空標(biāo)簽），用/>來結(jié)束。
• 標(biāo)簽名不區(qū)分大小寫，但是在XHTML中標(biāo)簽名必須用小寫。
• 標(biāo)簽具有屬性，屬性用來表示標(biāo)簽的性質(zhì)和特性。屬性要在開始標(biāo)簽中指定。
以上這篇HTML基本結(jié)構(gòu)全面了解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
原文地址：http://www.cnblogs.com/mossbaoo/archive/2016/07/31/5724065.html
