整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML 符號

          TML 符號實體

          HTML 符號是不呈現在標準的鍵盤上,比如數學運算符、箭頭符號、技術符號和形狀。

          如需向 HTML 頁面添加這些符號,您可以使用 HTML 實體名稱。

          如果不存在實體名稱,您可以使用實體編號。

          如果字符沒有實體名稱,您可以使用十進制(或十六進制)引用。

          實例

          <p>我將顯示 &euro;</p>

          <p>我將顯示 &#8364;</p>

          <p>我將顯示 &#x20AC;</p>

          結果如下:

          我將顯示 €

          我將顯示 €

          我將顯示 €


          HTML 支持的數學符號

          如果您使用的是一個 HTML 實體名稱或一個十六進制編號,字符總是能正確顯示。

          這是與您頁面使用的字符集相互獨立的!

          字符編號實體描述
          ?&#8704;&forall;所有(for all)
          ?&#8706;&part;部分(part)
          ?&#8707;&exist;存在(exists)
          ?&#8709;&empty;空(empty)
          ?&#8711;&nabla;倒三角(nabla)
          &#8712;&isin;屬于(isin)
          ?&#8713;&notin;不屬于(notin)
          ?&#8715;&ni;包含的成員(ni)
          &#8719;&prod;連乘(prod)
          &#8721;&sum;總和(sum)

          完整的數學(Math)參考手冊


          HTML 支持的希臘字母

          字符編號實體描述
          Α&#913;&Alpha;Alpha(中文注音:阿耳法)
          Β&#914;&Beta;Beta(中文注音:貝塔)
          Γ&#915;&Gamma;Gamma(中文注音:伽馬)
          Δ&#916;&Delta;Delta(中文注音:德耳塔)
          Ε&#917;&Epsilon;Epsilon(中文注音:艾普西隆)
          Ζ&#918;&Zeta;Zeta(中文注音:截塔)

          完整的希臘(Greek)參考手冊


          HTML 支持的其他實體

          字符編號實體描述
          ?&#169;&copy;版權所有(REGISTERED SIGN)
          ?&#174;&reg;注冊商標(REGISTERED SIGN)
          &#8364;&euro;歐元符號(EURO SIGN)
          ?&#8482;&trade;商標(trademark)
          &#8592;&larr;向左箭頭(LEFTWARDS ARROW)
          &#8593;&uarr;向上箭頭(UPWARDS ARROW)
          &#8594;&rarr;向右箭頭(RIGHTWARDS ARROW)
          &#8595;&darr;向下箭頭(DOWNWARDS ARROW)
          ?&#9824;&spades;黑桃(BLACK SPADE SUIT)
          ?&#9827;&clubs;黑梅花(BLACK CLUB SUIT)
          ?&#9829;&hearts;黑心(BLACK HEART SUIT)
          ?&#9830;&diams;黑方塊(BLACK DIAMOND SUIT)

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          格式化

          >格式化標記通常只能是產生幾種不同文本的樣式,但在語義上它們各自有著自己的特點

          >如果你只是想有著一些自己的文本樣式,可以嘗試使用“常用html標記”里格式化的內容或css樣式表

          >但是這樣會對搜索引擎不友好

          >所以我們強調使用語義化標簽,提供給瀏覽器的語義信息越多,瀏覽器就可以越好地把這些信息展示給用戶。

          ## `<abbr></abbr>`

          作用:用于指示該標簽內的內容是一個縮寫

          注意點:

          1. 常與全局屬性title配合使用,這樣可以在鼠標移動到該處時顯示全稱

          `The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.`

          2. 在瀏覽器內渲染會使其在內容底部加上短虛線

          ## `<address></address>`

          作用:用于定義文檔或文章作者/擁有者的聯系信息

          >如果 `<address>` 元素位于 `<body>` 元素內,則它表示文檔聯系信息。

          >如果 `<address>` 元素位于 `<article>` 元素內,則是它表示文章的聯系信息。

          注意點:

          1. address元素中的文本通常呈現為斜體,大多數瀏覽器會在address元素前后換行

          2. address元素不應該用于描述通訊地址,除非它是練習信息的一部分

          3. address元素元素通常連同其他信息被包含在footer元素中

          ```

          <address>

          Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>

          Visit us at:<br>

          Example.com<br>

          Box 564, Disneyland<br>

          USA

          </address>

          ```

          ## `<b></b>`

          作用:定義粗體文本

          ## `<bdi></bdi>`

          作用:定義文本的文本方向,使其脫離周圍文本的方向設置

          注意點:

          1. bdi指的是bidi隔離

          2. 在發布用戶評論或其它難以控制的內容時,可以使用

          3. 需要與全局屬性dir配合使用

          ## `<bdo></bdo>`

          作用:定義文字方向

          注意點:

          1. 請與全局屬性dir配合使用

          ```

          <p>

          如果您的瀏覽器支持 bi-directional override (bdo),下一行會從右向左輸出 (rtl);

          </p>

          <bdo dir="rtl">

          Here is some Hebrew text

          </bdo>

          ```

          ## `<blockquote></blockquote>`

          作用:`<blockquote>`標簽用于定義塊引用

          注意點:

          1. 標簽內的所有文本都會從常規文本中分離出來,一般會上下換行,左右增加外邊距,有時也會使用斜體

          2. 換而言之,塊引用擁有它們自己的空間

          3. 可選屬性:

          `cite=url`規定引用來源

          ```

          <blockquote cite="http://www.wwf.org">

          WWF's ultimate goal is to build a future where people live in harmony with nature.

          </blockquote>

          ```

          主流瀏覽器均不支持cite屬性,但是搜索引擎可以因此獲得更多的信息

          ## `<q></q>`

          作用:用于定義短引用

          注意點:

          1. 瀏覽器經常在引用內容的人左右添加引號

          2. `<q>` 與 `<blockquote>` 的區別:

          - `<q>` 標簽在本質上與 `<blockquote>` 是一樣的。不同之處在于它們的顯示和應用。`<q>` 標簽用于簡短的行內引用。如果需要從周圍內容分離出來比較長的部分(通常顯示為縮進地塊),請使用 `<blockquote>` 標簽。

          3. 在html4中,firefox和opera中q元素包含的文本必須以引號來開始和結束,但是IE卻不支持這個規定,如果我們為了滿足其它瀏覽器而添加了引號,那么在IE中就會顯示兩組引號。

          4. 盡管如此,我們還是推薦使用q元素,因為它在文檔處理和信息提取方面將會有很強的效果

          5. 可選屬性:

          `cite=citation`定義引用的出處或來源(citation)

          ## `<cite></cite>`

          作用:表示所含文本是對某個參考文獻的引用

          注意點:

          1. 在顯示上與blockquote元素類似,均是斜體

          2. 但是它不會有上下左右的外邊距

          3. 通常情況下還要把引用包裹在一對`<a></a>`標簽中,然后把超鏈接指向引用

          `<cite><a href=URL>引用名</a></cite>`

          >`<cite>` 標簽還有一個隱藏的功能:它可以使你或者其他人從文檔中自動摘錄參考書目。我們可以很容易地想象一個瀏覽器,它能夠自動整理引用表格,并把它們作為腳注或者獨立的文檔來顯示。`<cite>` 標簽的語義已經遠遠超過了改變它所包含的文本外觀的作用;它使瀏覽器能夠以各種實用的方式來向用戶表達文檔的內容。

          ## `<code></code>`

          作用:定義計算機代碼文本

          注意點:

          1. code元素并不能將元素內的內容以原樣顯示,瀏覽器仍然會解析內容而不跳過

          2. code只是給內容的字體改為等寬字體,即它只是將內容轉變為暗示這是計算機代碼的內容

          ## `<var></var>`

          作用:`<var>` 標簽表示變量的名稱,或者由用戶提供的值。

          注意點:

          1. 用 `<var>` 標簽標記的文本通常顯示為斜體。

          2. `<var>` 標簽是計算機文檔中應用的另一個小竅門,這個標簽經常與 `<code>` 和 `<pre>` 標簽一起使用,用來顯示計算機編程代碼范例及類似方面的特定元素。

          ## `<smap></smap>`

          作用:用于從一段上下文中抽取一些字符

          例子:

          `字符序列 <samp>ae</samp> 可能會被轉換為 æ 連字字符。`

          效果:

          `字符序列 ae 可能會被轉換為 ? 連字字符。`

          ## `<ins></ins>`

          作用:定義一個插入文本

          注意點:

          1. 顯示效果是加入下劃線

          ## `<dfn></dfn>`

          作用:用于標記特殊術語或短語

          注意點:

          1. 瀏覽器通常會將dfn元素內的內容顯示為斜體

          2. 應當盡量少的使用,比如在技術性的文檔中,在第一次提到一個術語時,可以加上dfn元素,而在相同文檔的后續中,對于同一個術語,應避免使用dfn

          ## `<em></em>`

          作用:定義一個強調文本

          注意點:

          1. 在顯示結果上,它依然是斜體

          2. 如果你只是為了定義一個斜體的內容,可以考慮使用`<i></i>`或css樣式表

          3. 對于強調的內容應當不宜過多,否則無法突出想要表達的內容

          ## `<strong></strong>`

          作用:定義一個語氣更加強烈地強調文本

          注意點:

          1. 常識告訴我們應較少使用em元素的話,那么strong元素出現的次數應該更少,限制其使用可以讓這個標記更加的引人注意和有效

          ## `<i></i>`

          作用:定義一個斜體文本或傾斜的文本

          ## `<kbd></kbd>`

          作用:定義鍵盤文本

          注意點:

          1. 顯示效果為等寬字體

          ## `<mark></mark>`(HTML5)

          作用:定義帶有記號的文本

          注意點:

          1. 與加粗不同,它會將文字加上背景色

          ## `<meter></meter>`(HTML5)

          作用:定義已知范圍或分數值內的標量測量,也被稱為gauge(尺度)

          注意點:

          1. 這是一個html5的新標簽,假如你把文檔類型聲明為html4或以下和xhtml,標簽本身的效果將會受到影響

          2. `<meter>`標簽不應用于指示進度條的進度,如果標記進度,請使用`<progress></progress>`標簽

          可用屬性:

          1. form=form_id-->規定meter元素所屬的一個或多個表單

          2. high=number-->規定被視作高的值的范圍

          3. low=number-->規定被視作高的值的范圍

          4. max=number-->規定范圍的最大值

          5. min=number-->規定范圍的最小值

          6. optimum=number-->規定度量的優化值

          7. value=number-->必須。規定度量的當前值

          ```

          <meter value="3" min="0" max="10">十分之三</meter>

          <meter value="0.6">60%</meter>

          ```

          ## `<progress></progress>`(HTML5)

          作用:標示任務的進度(進程)

          `<progress value="22" max="100"></progress> `

          注意點:

          1. 需要與js結合使用,來顯示任務的進度

          2. progress標簽不適合使用來表示度量衡,這種情況請使用meter元素來替代

          可用屬性:

          max=number-->規定任務一共需要多少工作

          value=number-->規定任務已經完成多少工作

          ## `<pre></pre>`

          作用:用于定義預格式化的文本,即通常會保留空格和換行,文本會呈現為等寬字體

          注意點:

          1. pre元素常用于表示計算機的源代碼,但是計算機的源代碼(html)直接放入瀏覽器仍會解析(需要使用`<`和`>`等符號實體)

          2. 會導致內容截斷的標簽絕不能包含在pre元素中,如標題、p元素、address元素

          3. 可選的屬性:

          `width=number`定義每行的最大字符數

          ## `<ruby></ruby>`

          作用:可用于定義一個ruby注釋(中文注音或字符)

          注意點:

          1. ruby元素與rt元素一同使用

          2. ruby元素由需要一組字符和一個提供信息的rt元素組成

          3. 還包括一個可選的rp元素,定義瀏覽器不支持ruby元素時顯示的內容

          ## `<rt></rt>`

          作用:定義字符的解釋或發音

          ## `<rp></rp>`

          作用:定義瀏覽器不支持ruby元素時顯示的內容

          ## `<s></s>`

          作用:定義加刪除線的文本

          注意點:

          1. `<s>`標簽是`<strike>`標簽的縮寫版本,但html4和xhtml中已經不再贊成使用它了,就是說,它早晚有一天會消失

          2. 請使用`<del></del>`替代它

          ## `<del></del>`

          作用:給元素中的內容上加上刪除線

          注意點:

          1. 請與`<ins></ins>`標簽配合使用,來描述文檔中的更新與修正

          2. 可選的屬性:

          - cite=URL

          - datetime=YYYMMDD (定義文本被刪除的日期和時間)

          ## `<small></small>`

          作用:標簽內的元素呈現小號字體的效果

          注意點:

          1. 如果被包裹字體已經是最小號的字體了,那這個標簽將不起任何作用

          2. `<small></small>`是可以嵌套的,從而把文字連續的縮小,直到到達最小的一號字

          ## `<sup></sup>`

          作用:標簽中的內容會以當前文本流中字符高度的一般來顯示(上標)

          注意點:

          1. 雖然顯示效果與文本流中其他元素不一樣,但是它們的字體字號都是一樣的

          2. 這個標簽在向文檔添加注腳以及表示方程式中的指數時非常有效,如果與`<a></a>`標簽結合使用可以創建出很好的超鏈接注腳

          ## `<sub></sub>`

          作用:標簽中的內容會以當前文本流中字符高度的一般來顯示(下標)

          ## `<template></template>`

          作用:可以作為一個容器,但是它并不會存在于DOM樹中

          注意點:

          1. 多用于包裹一段代碼,對其綁定事件,使其可以控制是否隱藏

          2. 一個檢查方法:

          ```

          if (document.createElement("template").content) {

          document.write("Your browser supports template!");

          } else {

          document.write("您的瀏覽器不支持 template!");

          }

          ```

          ## `<u></u>`

          作用:定義下劃線文本

          注意點:

          1. 應盡量避免使用,用戶可能會把它混淆為一個超鏈接

          ## `<time></time>`(HTML5)

          作用:定義一個公歷的時間或日期,時間和時區偏移是可選的

          可選的屬性:

          1. datetime=datetime-->規定日期/時間。否則由元素內容給定日期時間

          2. pubdate=pubdate-->指示 `<time>` 元素中的日期 / 時間是文檔(或 `<article>` 元素)的發布日期。

          ## `<wbr>`(HTML5)

          一段帶有 Word Break Opportunity 的文本:

          ```

          <p>

          如果想學習 AJAX,那么您必須熟悉 XML<wbr>Http<wbr>Request 對象。

          </p>

          ```

          作用:Word Break Opportunity (`<wbr>`) 規定在文本中的何處適合添加換行符。

          注意點:如果單詞太長,或者您擔心瀏覽器會在錯誤的位置換行,那么您可以使用 `<wbr>` 元素來添加 Word Break Opportunity(單詞換行時機)。

          本格式標記

          以下HTML標記用于格式化網頁上文本的外觀。這可以使網頁變得更加生動,但是,文本格式的太多變化也會使人不快。

          標題 - <head> </head>

          head標記有6個級別可用,從h1用于最大和最重要的標題,到h6是最小的標題。

          粗體 - <b> </b>

          b標記之間的文本以粗體顯示,與周圍的文本相對突出。

          斜體 - <i> </i>

          i標記以一個小角度顯示文本。

          下劃線 - <u> </u>

          u標記在文本正文添加一條線,請注意,鏈接已經有下劃線,不需要額外的標記。

          刪除線 - <strike> </strike>

          strike標記在文本的正中間畫一條線,通常用來表示文本是舊的,不再相關,刪除。也可以用<s></s>代替。

          預格式化文本 - <pre> </pre>

          pre標記之間的任何文本,包括空格、回車符和標點符號,都將像在文本編輯器中一樣顯示在瀏覽器中(通常瀏覽器會忽略多個空格)

          源代碼 - <code> </code>

          code標記之間的文本以固定寬度字體顯示,通常在顯示源代碼時使用。

          打字機文本 - <tt> </tt>

          tt標記之間的文本就像是用打字機打出了一個固定寬度的文字。

          Block Quote - <blockquote> </blockquote>

          blockquote標記定義一個塊引用,并且在塊的左右添加額外的邊距。

          小號字 - <small> </small>

          small標記讓你無需設置字體大小,就可以使文本呈現比周圍稍小的外觀。

          字體顏色 - <font color="#??????"> </font>

          font標記的color屬性改變幾個字或一段文字的顏色。屬性使用十六進制顏色代碼。

          字體大小 - <font size="?"> </font>

          font標記的size屬性改變字體的大小,值范圍從1到7,1是最小,7是最大。

          字體大小變化 - <font size="+/-?"> </font>

          font標記的size屬性還可以相對于其前面的字體大小的作即時更改,此用法將按你指定的數字增減字體大小。例如:<font size="-1">一些文本</font>

          字體 - <font face="?"> </font>

          font標記的face屬性以指定的字體顯示文本,值為字體名稱,如“Helvetica”、“Arial”或“Courier”。

          居中 - <center> </center>

          center標記之間的所有內容都居中。

          強調 - <em> </em>

          em標記用于強調文本,文本通常以斜體顯示,可能會根據瀏覽器的不同而有所不同。

          著重強調 - <strong> </strong>

          strong標記用于著重強調文本,通常以粗體顯示,可能會根據瀏覽器的不同而有所不同。

          例子

          下面是以上標記的示例:

          瀏覽器顯示內容如下所示:


          主站蜘蛛池模板: 另类ts人妖一区二区三区| 一区二区三区在线观看| 亚洲av无码片vr一区二区三区| 日本无卡码免费一区二区三区| 亚洲av午夜精品一区二区三区| 亚洲国产精品一区二区三区在线观看 | 亚洲va乱码一区二区三区| 精品乱子伦一区二区三区高清免费播放| 中文字幕一区二区三区久久网站| 成人精品视频一区二区三区不卡| 亚洲av成人一区二区三区在线观看 | 亚州日本乱码一区二区三区| 久久一区二区三区免费| 搜日本一区二区三区免费高清视频 | 精品无码一区二区三区在线| 国产婷婷色一区二区三区| 一区二区三区福利| 日韩精品无码Av一区二区| 八戒久久精品一区二区三区| 国产丝袜无码一区二区视频| 在线观看一区二区精品视频| 亚洲日韩中文字幕无码一区| AA区一区二区三无码精片| 国产日本一区二区三区| 另类国产精品一区二区| 国产乱码精品一区二区三区四川人 | 爆乳无码AV一区二区三区| 日韩av片无码一区二区不卡电影| 亚洲一区欧洲一区| 成人国产精品一区二区网站公司 | 亚洲性日韩精品一区二区三区| 日本一区二区在线不卡| 国产激情一区二区三区 | 人妻少妇AV无码一区二区| 国产精品视频第一区二区三区| 一区二区中文字幕| 天堂一区人妻无码| 精品无码中出一区二区| 相泽亚洲一区中文字幕| 亚州日本乱码一区二区三区| 在线播放偷拍一区精品|