本例演示如何向 HTML 頁面添加背景圖片。
<html>
<body background="background.jpg">
<h3>圖像背景</h3>
<p>gif 和 jpg 文件均可用作 HTML 背景。</p>
<p>如果圖像小于頁面,圖像會進行重復。</p>
</body>
</html>
HTML基礎操作:圖片顯示
常在razor文件中,如果這樣寫:
<div>
@content
</div>
@code
{
string content = "<h1>hello world</h1>";
}
你將得到的是:
但是你的本意是要讓它正常的渲染html,要怎么來實現呢?
<div>
@((MarkupString)(@content)
</div>
@code
{
string content = "<h1>hello world</h1>";
}
@((MarkupString)(@content) 這樣就告訴blazor,要用html格式進行渲染。
這樣就正常了。
在 HTML 中,某些字符是預留的。
在 HTML 中不能使用小于號(<)和大于號(>),這是因為瀏覽器會誤認為它們是標簽。
如果希望正確地顯示預留字符,我們必須在 HTML 源代碼中使用字符實體(character entities)。
字符實體類似這樣:
&entity_name; 或者 entity_number;
如需顯示小于號,我們必須這樣寫:< 或 <
提示:使用實體名而不是數字的好處是,名稱易于記憶。不過壞處是,瀏覽器也許并不支持所有實體名稱(對實體數字的支持卻很好)。
HTML基礎教程: 瀏覽器中符號是怎么顯示出來的
不間斷空格(non-breaking space)
HTML 中的常用字符實體是不間斷空格( )。
瀏覽器總是會截短 HTML 頁面中的空格。如果您在文本中寫 10 個空格,在顯示該頁面之前,瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數量,您需要使用 字符實體。
實例
<html> <body> <h2>字符實體</h2> <p>&x;</p> <p>用實體數字(比如"divide")或者實體名稱(比如 "#247")替代 "X",然后查看結果。</p> </body> </html>
HTML基礎教程: 瀏覽器中符號是怎么顯示出來的
希望以上可以解決你們心中的一些疑惑,其中可能會有不對的地方或是需要改進的地方,歡迎留言糾正。感覺還不錯歡迎關注收藏轉載哦
*請認真填寫需求信息,我們會在24小時內與您取得聯系。