HTML基礎(chǔ)操作：圖片顯示

景圖片

本例演示如何向 HTML 頁面添加背景圖片。

<html>

<p>gif 和 jpg 文件均可用作 HTML 背景。</p>

<p>如果圖像小于頁面，圖像會(huì)進(jìn)行重復(fù)。</p>

</body>

</html>

HTML基礎(chǔ)操作：圖片顯示

常在razor文件中，如果這樣寫：

<div>
@content
</div>
@code
{
string content = "<h1>hello world</h1>";
}

你將得到的是：

但是你的本意是要讓它正常的渲染html，要怎么來實(shí)現(xiàn)呢？

<div>
@((MarkupString)(@content)
</div>
@code
{
string content = "<h1>hello world</h1>";
}

@((MarkupString)(@content) 這樣就告訴blazor，要用html格式進(jìn)行渲染。

這樣就正常了。

在 HTML 中，某些字符是預(yù)留的。

在 HTML 中不能使用小于號(hào)（<）和大于號(hào)（>），這是因?yàn)闉g覽器會(huì)誤認(rèn)為它們是標(biāo)簽。

如果希望正確地顯示預(yù)留字符，我們必須在 HTML 源代碼中使用字符實(shí)體（character entities）。

字符實(shí)體類似這樣：

&entity_name;
或者
entity_number;

如需顯示小于號(hào)，我們必須這樣寫：< 或 <

提示：使用實(shí)體名而不是數(shù)字的好處是，名稱易于記憶。不過壞處是，瀏覽器也許并不支持所有實(shí)體名稱（對(duì)實(shí)體數(shù)字的支持卻很好）。

HTML基礎(chǔ)教程：瀏覽器中符號(hào)是怎么顯示出來的

不間斷空格（non-breaking space）

HTML 中的常用字符實(shí)體是不間斷空格( )。

瀏覽器總是會(huì)截短 HTML 頁面中的空格。如果您在文本中寫 10 個(gè)空格，在顯示該頁面之前，瀏覽器會(huì)刪除它們中的 9 個(gè)。如需在頁面中增加空格的數(shù)量，您需要使用字符實(shí)體。

實(shí)例

<html>
<body>
<h2>字符實(shí)體</h2>
<p>&x;</p>
<p>用實(shí)體數(shù)字（比如"divide"）或者實(shí)體名稱（比如 "#247"）替代 "X"，然后查看結(jié)果。</p>
</body>
</html>

HTML基礎(chǔ)教程：瀏覽器中符號(hào)是怎么顯示出來的

希望以上可以解決你們心中的一些疑惑，其中可能會(huì)有不對(duì)的地方或是需要改進(jìn)的地方，歡迎留言糾正。感覺還不錯(cuò)歡迎關(guān)注收藏轉(zhuǎn)載哦

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。