html实体的个人理解

最新推荐文章于 2024-03-19 00:05:00 发布

ggjustnow

最新推荐文章于 2024-03-19 00:05:00 发布

阅读量2.6k

点赞数

分类专栏： web安全文章标签： html实体 html标签

本文链接：https://blog.csdn.net/ggjustnow/article/details/80842780

版权

4 篇文章 0 订阅

订阅专栏

我们在w3cschool中看到，html字符实体的意思是：

在HTML中，某些字符是预留的。如不能使用小于号（<）和大于号(>)

这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们

必须在HTML源码中使用字符实体(character entities)

根据上述理解，试着在html源码中写入预留字符看会发生什么

下面是 test.html 的内容：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<p><></p>
</body>
</html>

按照w3cschool里面的解释，那么在浏览器浏览器会误认为"<" ">"为标签，从而无法在页面中显示小于号和大于号

所以依次在不同的浏览器中打开该html文件

1.chrome

2.firefox

3.ie

三种浏览器都能正常显示，说明这三种浏览器都能正常显示预留字符

注意：html源文件中，此时大于号和小于号不是以标签形式存在的，仅仅出现某个标签里面的文本中

但是，看一下这个例子

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<p><br></p>
</body>
</html>

此时，在标签p中间也出现了大于号和小于号，打开文本后

此时，网页中并没有出现 "<br>"字符，只是进行换行操作。

如果修改一下:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<p>&#x3C;br&#x3E;</p>
</body>
</html>

此时再次打开，浏览器后

此时大于号和小于号可以正常的显示出来

所以，个人认为，如果在html文本中，单独输入一个大于号和小于号时（以及其他预留字符），可以正常使用；

如果要是构成一个标签个格式，那么此时大于号和小于号就不能正常显示，若要在页面中显示需要用将其转化为

实体。

关注