一，HTML簡(jiǎn)介(來(lái)源HTML百度百科)

HTML：超文本標(biāo)記語(yǔ)言，是指能夠包含鏈接，圖片，程序，視頻等非文字元素的頁(yè)面

二，HTML，XML，XHTML之間有什么區(qū)別

HTML：超文本標(biāo)記語(yǔ)言，語(yǔ)法比較松散，書(shū)寫(xiě)格式不是那么規(guī)范，用于展示數(shù)據(jù)；

XML：可擴(kuò)展標(biāo)記語(yǔ)言，書(shū)寫(xiě)格式類(lèi)似于HTML，但是標(biāo)簽都是自定義，且書(shū)寫(xiě)格式嚴(yán)格，用于傳輸數(shù)據(jù)；

XHTML：可擴(kuò)展超文本標(biāo)記語(yǔ)言，基于XML，書(shū)寫(xiě)格式非常嚴(yán)格的HTML模式，用于展示數(shù)據(jù)；

之間的區(qū)別：

1.XML用于傳輸數(shù)據(jù)；

2.HTML和XHTML用于展示數(shù)據(jù)；

3.相較于XHTML，HTML的書(shū)寫(xiě)格式并不那么嚴(yán)謹(jǐn)，其它的和HTML4.0幾乎一樣；

三：HTML的主要結(jié)構(gòu)

：聲明文檔類(lèi)型，用于告訴瀏覽器以什么樣的方式對(duì)該文檔進(jìn)行渲染，如果沒(méi)有這個(gè)聲明則使用怪異模式進(jìn)行渲染，有則使用標(biāo)準(zhǔn)模式進(jìn)行渲染；

：頁(yè)面的根標(biāo)簽：限定了頁(yè)面的開(kāi)始和結(jié)束，在這個(gè)標(biāo)簽包裹

和標(biāo)簽；

注意點(diǎn)：

標(biāo)簽閉合：例如這個(gè)標(biāo)簽，閉合就用，也就是添加斜杠完成，除了標(biāo)簽外，其它的除了自閉合標(biāo)簽和空標(biāo)簽以外的標(biāo)簽都可以使用這種方式進(jìn)行閉合；

添加語(yǔ)言：在標(biāo)簽內(nèi)，可以添加屬性lang屬性來(lái)告訴瀏覽器當(dāng)前文檔使用的是何種語(yǔ)言，例如：

lang = "en"就是告訴瀏覽器當(dāng)前文檔使用的是英語(yǔ)；

3.書(shū)寫(xiě)：標(biāo)簽的書(shū)寫(xiě)全部使用小寫(xiě)英文；

四：HTML書(shū)寫(xiě)規(guī)范

行級(jí)元素不要包裹塊級(jí)元素：例如這樣是錯(cuò)誤的，但是塊級(jí)元素可以包裹行級(jí)元素；

標(biāo)簽閉合：例如：

；

標(biāo)簽全部用英文小寫(xiě)書(shū)寫(xiě)；

標(biāo)簽用尖括號(hào)進(jìn)行包裹：；

五：關(guān)于標(biāo)簽

在標(biāo)簽內(nèi)，你會(huì)見(jiàn)到一個(gè)叫的標(biāo)簽，例如下面這樣：

上面的就是文檔的元標(biāo)簽，它可以通過(guò)一些屬性提供的值來(lái)標(biāo)示這個(gè)文檔的元信息，例如解碼方式，關(guān)鍵詞等，它是一個(gè)自閉合標(biāo)簽，不需要閉合，它不提供任何文檔的內(nèi)容；

標(biāo)簽的常用屬性介紹：

1.charset：charset屬性有一個(gè)值，這個(gè)值填寫(xiě)的是編碼方式，例如：charset = "UTF-8"就是標(biāo)明該文檔的編碼方式是 UTF-8，其它的編碼方式還有g(shù)bk，Unicode等；

2.http-equiv：http-equiv：該屬性可以向?yàn)g覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容，要與content屬性一起使用，正確的格式是：http-equiv = "參數(shù)"，例如：http-equiv = "X-UA-Compatible"；

3.content：用于標(biāo)示數(shù)據(jù)傳輸中的值；

4.name：name屬性要與content屬性一起使用，name屬性常用的值有：

①：viewport：例如：

viewport這個(gè)值用來(lái)限定用戶是否能縮放或放大頁(yè)面，最大和最小多少；

②：keywords：例如：

keywords值顧名思義，是用來(lái)告訴瀏覽器這個(gè)頁(yè)面的關(guān)鍵詞是什么，方便搜索引擎進(jìn)行關(guān)鍵詞抓取；

③：description：例如：

description值用來(lái)告訴搜索引擎這個(gè)頁(yè)面大體內(nèi)容的描述，以及搜索出來(lái)檢索顯示的信息；

常見(jiàn)問(wèn)題之——內(nèi)容文字變成亂碼

例子：

網(wǎng)頁(yè)文字變亂碼

1.出現(xiàn)的原因：在標(biāo)簽內(nèi)的編碼方式是UTF-8

編碼方式

而我們的解碼方式是：

解碼方式

由上可以看出文字變亂碼是編碼方式和解碼方式的不同所造成的；

2 . 如何解決：設(shè)置編碼方式和解碼方式相同即可

3 . 此外還要注意，有些編輯器默認(rèn)保存的編碼方式就是utf-8，例如sublime

默認(rèn)保存的編碼方式

六：常用標(biāo)簽介紹

標(biāo)題標(biāo)簽：

，用來(lái)書(shū)寫(xiě)標(biāo)題，

~

字體依次由大到小，表明標(biāo)題的重要性由大到小；

標(biāo)題標(biāo)簽展示

字體突出標(biāo)簽：

1.：用來(lái)標(biāo)記文段，標(biāo)明該文段出錯(cuò)或其他

mark標(biāo)簽

2.：用于強(qiáng)調(diào)標(biāo)記的語(yǔ)句，強(qiáng)調(diào)語(yǔ)氣比強(qiáng)，字體會(huì)變成加粗體

strong標(biāo)簽

3.：用于強(qiáng)調(diào)標(biāo)記的語(yǔ)句，強(qiáng)調(diào)語(yǔ)氣較輕，字體會(huì)變成斜體

em標(biāo)簽

段落標(biāo)簽：

：用于包裹文段；

P標(biāo)簽

塊標(biāo)簽：

：用于劃分一個(gè)區(qū)塊，常用于頁(yè)面布局；

div標(biāo)簽，為顯示我加了樣式

行標(biāo)簽：：用于組合行內(nèi)元素，方便進(jìn)行定位設(shè)置樣式

span標(biāo)簽用法

圖片標(biāo)簽：[站外圖片上傳中……(1)]，用來(lái)插入圖片；

圖片正常顯示時(shí)

圖片不能顯示時(shí)

列表標(biāo)簽

1.無(wú)序列表：

• ，用來(lái)顯示無(wú)序的列表信息，直接子元素必須是
• ，默認(rèn)樣式是小圓點(diǎn)

  無(wú)序列表

  2.有序列表：

• ，用來(lái)顯示有順序的列表信息，直接子元素必須是
• ，默認(rèn)樣式是阿拉伯?dāng)?shù)字

  有序列表

  3.自定義列表：

  ，
  用來(lái)顯示列表標(biāo)題，
  用來(lái)顯示列表項(xiàng)

  自定義列表

  鏈接標(biāo)簽：可點(diǎn)擊的文字

  a標(biāo)簽

  表格標(biāo)簽 ：

  是表頭單元，是該列信息的歸類(lèi)。

  其中

  是標(biāo)準(zhǔn)單元，用來(lái)顯示信息 表格 關(guān)于HTML文檔的語(yǔ)義化 什么是HTML語(yǔ)義化：我所理解的語(yǔ)義化就是將文檔的書(shū)寫(xiě)當(dāng)做寫(xiě)文章一樣，該用什么標(biāo)簽就用什么標(biāo)簽，盡量少用無(wú)語(yǔ)義的標(biāo)簽 語(yǔ)義化的好處：方便閱讀以及搜索引擎的搜索 樣式和內(nèi)容分離原則 樣式和內(nèi)容分離是指，樣式不要寫(xiě)在標(biāo)簽內(nèi)，比如這樣： 最好也不要寫(xiě)在 標(biāo)簽的

總結(jié)

以上是生活随笔為你收集整理的常见的html行级元素及语义,HTML入门之——结构，常用标签及其属性，再加上语义化...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。