隨著互聯(lián)網(wǎng)的不斷發(fā)展與前端開發(fā)技術(shù)的不斷進(jìn)步，越來越多的人想在前端開發(fā)市場中分一杯羹，而HTML語言憑著它簡單易懂的特性成為了不少計(jì)算機(jī)萌新的入門語言。那么什么是HTML呢？

什么是HTML

HTML，即超文本標(biāo)記語言，是一種標(biāo)識性的語言。它包括一系列標(biāo)簽，通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。

使用HTML語言，將所需要表達(dá)的信息按某種規(guī)則寫成HTML文件，通過專用的瀏覽器來識別，并將這些HTML文件“翻譯”成可以識別的信息，即現(xiàn)在所見到的網(wǎng)頁。而HTML標(biāo)簽是HTML語言中最基本的單位，是HTML最重要的組成部分。

什么是HTML標(biāo)簽

• HTML標(biāo)簽是由一對尖括號括起來的關(guān)鍵詞，像、等。
• HTML標(biāo)簽通常是成對出現(xiàn)的，第一個標(biāo)簽是開始標(biāo)簽，第二個標(biāo)簽是結(jié)束標(biāo)簽。
• 標(biāo)簽不區(qū)分大小寫，最好用小寫。
• 標(biāo)簽可以嵌套，但是不可以交叉嵌套，如。
• 有些標(biāo)簽功能比較簡單.使用一個標(biāo)簽即可.這種標(biāo)簽叫做自閉合標(biāo)簽.如

  ---

  等。

標(biāo)簽分類

標(biāo)簽一般分為兩種：

1. 塊級標(biāo)簽

占一整行的標(biāo)簽。如、

、

、等

2. 行內(nèi)標(biāo)簽

可以多個標(biāo)簽共同占用一行的標(biāo)簽。比如：,,,,等

3. 塊級標(biāo)簽特點(diǎn)

• 總是在新行上開始
• 寬度缺省是它的容器的100%，除非設(shè)定一個寬度
• 它可以容納內(nèi)聯(lián)元素和其他塊元素

4. 行內(nèi)標(biāo)簽特點(diǎn)

• 和其他元素都在一行上
• 寬度就是它的文字或圖片的寬度，不可改變
• 內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素

HTML特殊字符

平時寫代碼很少用到HTML的特殊字符，最常用的可能是 (空格)了，但有時在移動端為了節(jié)省時間，可能會用這些字符實(shí)現(xiàn)某種特殊效果。

使用方法：

• 這些字符屬于unicode字符集，所以，你的文檔需要聲明為UTF-8；
• 編號用在HTML中時，需要在前面加上符號；
• 用于CSS文件中，但是需要用反斜杠轉(zhuǎn)義；
• 用于JavaScript，和CSS用法一樣，不過要用u來轉(zhuǎn)義。

常用HTML特殊字符

HTML基本標(biāo)簽簡介

標(biāo)簽

作用：聲明文檔的解析類型(document .compatMode)，避免瀏覽器的怪異模式。

瀏覽器有怪異模式(BackCompat)和標(biāo)準(zhǔn)模式(CSS1Compat)兩種模式，那么何為怪異模式和標(biāo)準(zhǔn)模式呢？

• BackCompat：怪異模式，瀏覽器使用自己的怪異模式解析渲染頁面。

• CSS1Compat：標(biāo)準(zhǔn)模式，瀏覽器使用W3C的標(biāo)準(zhǔn)解析渲染頁面。

如果你的頁面沒有DOCTYPE的聲明，那么compatMode默認(rèn)就是BackCompat,，如果是這樣的話那就很麻煩了-------瀏覽器按照自己的方式解析渲染頁面，即在不同的瀏覽器顯示不同的樣式。

但是如果你的頁面添加了，那么就等同于開啟了標(biāo)準(zhǔn)模式，瀏覽器就得老老實(shí)實(shí)的按照W3C的標(biāo)準(zhǔn)解析渲染頁面，這樣一來，你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。

這就是的作用。

標(biāo)簽

標(biāo)簽用于提供關(guān)于 HTML 文檔的元數(shù)據(jù)(元數(shù)據(jù)是關(guān)于數(shù)據(jù)的信息)，元數(shù)據(jù)不會顯示在頁面上，但是對于機(jī)器是可讀的。例如meta被用于設(shè)置關(guān)鍵字、設(shè)置頁面描述、設(shè)置作者、設(shè)置字符集、設(shè)置頁面定時跳轉(zhuǎn)等等。meta標(biāo)簽放置在head標(biāo)簽中，對meta的設(shè)置對搜索引擎注冊、搜索引擎優(yōu)化排名等有至關(guān)重要的作用。

有兩個屬性，分別是http-equiv屬性和name屬性，不同屬性有不同的參數(shù)，這些不同的參數(shù)使得名，meta標(biāo)簽有不同的功能：

http-equiv屬性

顧名思義，相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容，與之對應(yīng)的屬性值為content，content中的內(nèi)容其實(shí)就是各個參數(shù)的變量值。

• 頁面編碼：

• 頁面刷新和跳轉(zhuǎn)

• 解決IE瀏覽器兼容性問題

name屬性

name屬性主要用于描述網(wǎng)頁，與之對應(yīng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。

• 供搜索引擎使用(關(guān)鍵詞)

• 網(wǎng)站信息描述

標(biāo)簽

• title標(biāo)簽寫網(wǎng)站頭部信息，即網(wǎng)頁標(biāo)簽的名稱：

開云見日

標(biāo)簽

link標(biāo)簽有兩個作用：

1.設(shè)置標(biāo)簽頁圖標(biāo)：

2.外聯(lián)CSS文件：

用于存放或編寫css文件：

2.寫js代碼

常用標(biāo)簽

：n的取值范圍是1~6; 從大到小. 用來表示標(biāo)題.

：段落標(biāo)簽. 包裹的內(nèi)容被換行.并且也上下內(nèi)容之間有一行空白.

：加粗標(biāo)簽.：為文字加上一條中線.：文字變成斜體.^{和_{：上角標(biāo) 和 下角表.}}
：換行.：水平線：白板，本身沒有特性，塊級標(biāo)簽。：白板，本身沒有特性，行內(nèi)標(biāo)簽。

^{和_的使用}

這個文本包含 _{下標(biāo)}文本。

這個文本包含 ^{上標(biāo)} 文本。

標(biāo)簽作超鏈接：跳轉(zhuǎn)到指定url作錨點(diǎn)：條轉(zhuǎn)到指定id標(biāo)簽

屬性如下：

src: 要顯示圖片的路徑.alt: 圖片沒有加載成功時的提示.title: 鼠標(biāo)懸浮時的提示信息.width: 圖片的寬height:圖片的高 (寬高兩個屬性只用一個會自動等比縮放

HTML還有很多標(biāo)簽，像

、、、、
等等。在目前的移動應(yīng)用開發(fā)大潮下，使用web技術(shù)進(jìn)行移動應(yīng)用開發(fā)正變得越來越流行，慢慢會變成以HTML為核心的技術(shù)棧配合數(shù)據(jù)庫的天下。讓我們找準(zhǔn)時代發(fā)展方向，努力學(xué)習(xí)，成為時代的弄潮兒吧!

總結(jié)

以上是生活随笔為你收集整理的html元素一行显示不完收缩_这些常用的HTML标签，你还不知道吗？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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