如何在页面输出HTML标签
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在页面输出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'); 参考技术A 第一种： &(这个符号可以直接写，不会对HTML标记产生影响) &(在网页上显示为&而不是显示为&符的效果) ''(这个符号可以直接写，不会对HTML标记产生影响) "(在网页上显示为而不是显示''符的效果)
如何在python中从HTML页面中剥离整个HTML、CSS和JS代码或标签[重复]
【中文标题】如何在python中从HTML页面中剥离整个HTML、CSS和JS代码或标签[重复]【英文标题】：How to strip entire HTML, CSS and JS code or tags from HTML page in python [duplicate] 【发布时间】：2012-12-29 22:47:15 【问题描述】：可能重复：BeautifulSoup Grab Visible Webpage TextWeb scraping with Python
假设我是一个非常复杂的 HTML 页面，中间包含常用的 HTML 标签、CSS 和 JS。我们可能会看到所有最坏的情况。
我想要的只是去掉上面所有的标签/代码并返回“文本”。
简单来说：
<html><body>Text</body></html>
这可能包含 JS、CSS 等等等。
我正在尝试使用 BeautifulSoup，但它没有从代码中删除 JS.. 现在，我正在考虑使用 Regex.. 但不知道该怎么做
编辑1
这是我在一个简单的引导 html 页面上的尝试...
from bs4 import BeautifulSoup as bs
import requests
bs( requests.get(MY-URL).text ).get_text()
$ 返回文本
html
Home
Le styles
body
padding-top: 10%;
padding-left: 30%;
HTML5 shim, for IE6-8 support of HTML5 elements
[if lt IE 9]>
<script src="http://htm...html5.js"></script>
<![endif]
Home | Under Construction
Sample Page 1
The app
might
face some ........
Firefox
. Ple..
/container
var _gaq = _gaq || [];
_gaq.push(['_trackPageview']);
(function()
var ga = do...............
)();
【问题讨论】：
BeautifulSoup 应该允许您删除<script> 标记（即 JavaScript）的内容，不是吗？
嗯，没有。你不需要正则表达式，向我们展示你的代码和 html，以及你卡在哪里。
看看我上面的问题。实际上，我正在研究一个非常大的 url 数据库。所有都是随机的。我需要提取“正文”的“文本”。我该怎么做？
【参考方案1】：
Django 使用这个函数从文本中去除标签：
def strip_tags(value):
"""Returns the given HTML with all tags stripped."""
return re.sub(r'<[^>]*?>', '', force_unicode(value))
（你不需要 force_unicode 部分）
【讨论】：
以上是关于如何在页面输出HTML标签的主要内容，如果未能解决你的问题，请参考以下文章
jquery 如何判断站外网页html源码里有无某一特定标签，有则将其输出？