如何在页面输出HTML标签

如何将脚本或者html标签显示到页面上 10

如题:

例如:<script></script>,<html>等显示到页面上。需要使用什么标签或者用PHP如何实现

< > /这些符号是要转义的,就是用一些特殊字符来代替.

HTML字符实体(Character Entities),转义字符串(Escape Sequence)

为什么要用转义字符串?

HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢?

这就要说到HTML转义字符串(Escape Sequence)了。

转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。

转义字符串的组成

转义字符串(Escape Sequence),即字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。

比如,要显示小于号(<),就可以写 < 或者 < 。

用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。

提示:实体名称(Entity)是区分大小写的。

备注:同一个符号,可以用“实体名称”和“实体编号”两种方式引用,“实体名称”的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而“实体编号”则没有这种担忧,但它实在不方便记忆。

如何显示空格?

通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用 表示空格。

HTML特殊转义字符列表

最常用的字符实体

Character Entities

显示

说明

实体名称

实体编号

半方大的空白 ? ?

全方大的空白 ? ?

不断行的空白格 ?

< 小于 < <

> 大于 > >

& &符号 & &

" 双引号 " "

版权 ? ?

已注册商标 ? ?

商标(美国) ? ?

× 乘号 ? ?

÷ 除号 ? ?

ISO 8859-1 (Latin-1)字符集

HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。

备注:为了方便起见,以下表格中,“实体名称”简称为“名称”,“实体编号”简称为“编号”

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

? ? ? ? ? ? ? ? ? ? ¤ ? ?

? ? ? ? ? § ? ? ¨ ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ° ? ? ± ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? · ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

× ? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? à ? ?

á ? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? è ? ? é ? ? ê ? ?

? ? ì ? ? í ? ? ? ? ? ? ? ?

? ? ? ? ? ò ? ? ó ? ? ? ? ?

? ? ? ? ? ÷ ? ? ? ? ? ù ? ?

ú ? ? ? ? ? ü ? ? ? ? ? ? ? ?

? ?

数学和希腊字母标志

symbols, mathematical symbols, and Greek letters

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

? ? Α ? ? Β ? ? Γ ? ? Δ ? ?

Ε ? ? Ζ ? ? Η ? ? Θ ? ? Ι ? ?

Κ ? ? Λ ? ? Μ ? ? Ν ? ? Ξ ? ?

Ο ? ? Π ? ? Ρ ? ? Σ ? ? Τ ? ?

Υ ? ? Φ ? ? Χ ? ? Ψ ? ? Ω ? ?

α ? ? β ? ? γ ? ? δ ? ? ε ? ?

ζ ? ? η ? ? θ ? ? ι ? ? κ ? ?

λ ? ? μ ? ? ν ? ? ξ ? ? ο ? ?

π ? ? ρ ? ? ? ? ? σ ? ? τ ? ?

υ ? ? φ ? ? χ ? ? ψ ? ? ω ? ?

? ? ? ? ? ? ? ? ? ? ? … ? ?

′ ? ? ″ ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ← ? ?

↑ ? ? → ? ? ↓ ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

∈ ? ? ? ? ? ? ? ? ∏ ? ? ∑ ? ?

? ? ? ? ? √ ? ? ∝ ? ? ∞ ? ?

∠ ? ? ∧ ? ? ∨ ? ? ∩ ? ? ∪ ? ?

∫ ? ? ∴ ? ? ? ? ? ∝ ? ? ≈ ? ?

≠ ? ? ≡ ? ? ≤ ? ? ≥ ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ⊕ ? ?

? ? ⊥ ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ?

重要的国际标记

markup-significant and internationalization characters

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

" " " & & & < < < > > > ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? – ? ? — ? ?

‘ ? ? ’ ? ? ? ? ? “ ? ? ” ? ?

? ? ? ? ? ? ? ? ‰ ? ? ? ? ?

? ? ? ? ?

JavaScript转义符

转义序列

字符

\b 退格

\f 走纸换页

\n 换行

\r 回车

\t 横向跳格 (Ctrl-I)

\' 单引号

\" 双引号

\\ 反斜杠

编程的时候要注意特殊字符的问题,很多运行时出现的问题都是因为特殊字符的出现而引起的。

注意,由于反斜杠本身用作转义符,因此不能直接在脚本中键入一个反斜杠。如果要产生一个反斜杠,必须一起键入两个反斜杠 (\\)。

编码转换(to Unicode)

(程序代码来源于网络)

Js版

<script>

test = "你好abc"

str = ""

for( i=0; i<test.length; i++ )

{

temp = test.charCodeAt(i).toString(16);

str += "\\u"+ new Array(5-String(temp).length).join("0") +temp;

}

document.write (str)

</script>

vbs版

Function Unicode(str1)

Dim str,temp

str = ""

For i=1 to len(str1)

temp = Hex(AscW(Mid(str1,i,1)))

If len(temp) < 5 Then temp = right("0000" & temp, 4)

str = str & "\u" & temp

Next

Unicode = str

End Function

Function htmlentities(str)

For i = 1 to Len(str)

char = mid(str, i, 1)

If Ascw(char) > 128 then

htmlentities = htmlentities & "" & Ascw(char) & ";"

Else

htmlentities = htmlentities & char

End if

Next

End Function

coldfusion版

function nochaoscode(str)

{

var new_str = “”;

for(i=1; i lte len(str);i=i+1){

if(asc(mid(str,i,1)) lt 128){

new_str = new_str & mid(str,i,1);

}else{

new_str = new_str & “#” & asc(mid(str,i,1));

}

}

return new_str;

}

附:

在php中我们可以用mbstring的mb_convert_encoding函数实现这个正向及反向的转化。 如:

mb_convert_encoding ("你好", "HTML-ENTITIES", "gb2312"); //输出:?

mb_convert_encoding ("?", "gb2312", "HTML-ENTITIES"); //输出:你好

如果需要对整个页面转化,则只需要在php文件的头部加上这三行代码:

mb_internal_encoding("gb2312"); // 这里的gb2312是你网站原来的编码

mb_http_output("HTML-ENTITIES");

ob_start('mb_output_handler');