html实体的个人理解

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ggjustnow/article/details/80842780

我们在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文本中,单独输入一个大于号和小于号时(以及其他预留字符),可以正常使用;

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

实体。


猜你喜欢

转载自blog.csdn.net/ggjustnow/article/details/80842780
今日推荐