HTML字符实体(character entities)
在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体。
如显示小于号:
<
或
<
- 使用实体名而不是数字的好处是,名称易于记忆。
- 坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。
常用字符实体
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
空格 | | ||
< | 小于号 | < | |
> | 大于号 | > | |
& | 与号 | & | |
" | 双引号 | " | |
’ | 单引号 | ' (IE不支持) | |
¢ | 分 | ¢ | |
£ | 镑 | £ | |
¥ | 日圆 | ¥ | |
§ | 节 | § | |
© | 版权 | © | |
® | 注册商标 | ® | |
× | 乘号 | × | |
÷ | 除号 | ÷ |
更详细的字符实体可以看这里https://blog.csdn.net/QXXXD/article/details/111043532
转义、反转义HTML实体字符
/**
* 把html转义成HTML实体字符
* @param str
* @returns {string}
* @constructor
*/
function htmlEncode(str) {
var s = "";
if (str.length === 0) {
return "";
}
s = str.replace(/&/g, "&");
s = s.replace(/</g, "<");
s = s.replace(/>/g, ">");
s = s.replace(/ /g, " ");
s = s.replace(/\'/g, "'");//IE下不支持实体名称
s = s.replace(/\"/g, """);
return s;
}
/**
* 转义字符还原成html字符
* @param str
* @returns {string}
* @constructor
*/
function htmlRestore(str) {
var s = "";
if (str.length === 0) {
return "";
}
s = str.replace(/&/g, "&");
s = s.replace(/</g, "<");
s = s.replace(/>/g, ">");
s = s.replace(/ /g, " ");
s = s.replace(/'/g, "\'");
s = s.replace(/"/g, "\"");
return s;
}
!
结语:最后给大家分享一些关于HTML的面试题,有需要可以戳我免费领取,先到先得。
学习成长路线
学习方法:视频快速入门——>书籍慢慢深入——>动手实操
详细大厂面试题答案、学习笔记、学习视频等资料领取,点击(资料领取直通车)免费领取!
前端视频资料:
建议:关于学习方法,是因人而异的,每个人的学习方法都不同,找到属于自己的学习方法才是最正确的,有的适合自己看视频看书学习,有的人在培训班里更容易成长,所以无论选择何种学习方式,适合自己,且坚持到底才是最重要的。
于学习方法,是因人而异的,每个人的学习方法都不同,找到属于自己的学习方法才是最正确的,有的适合自己看视频看书学习,有的人在培训班里更容易成长,所以无论选择何种学习方式,适合自己,且坚持到底才是最重要的。