web开发网上培训,成功拿到了字节跳动、腾讯大厂offer

HTML字符实体(character entities)

在 HTML 中,某些字符是预留的。

在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体。

如显示小于号:

&lt; 
或 
&#60;
  • 使用实体名而不是数字的好处是,名称易于记忆。
  • 坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。
常用字符实体
显示结果描述实体名称实体编号
空格&nbsp;
<小于号&lt;
>大于号&gt;
&与号&amp;
"双引号&quot;
单引号&apos;(IE不支持)
&cent;
£&pound;
¥日圆&yen;
§&sect;
©版权&copy;
®注册商标&reg;
×乘号&times;
÷除号&divide;

更详细的字符实体可以看这里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, "&amp;");
  s = s.replace(/</g, "&lt;");
  s = s.replace(/>/g, "&gt;");
  s = s.replace(/ /g, "&nbsp;");
  s = s.replace(/\'/g, "&#39;");//IE下不支持实体名称
  s = s.replace(/\"/g, "&quot;");
  return s;
}
/**
 *  转义字符还原成html字符
 * @param str
 * @returns {string}
 * @constructor
 */
function htmlRestore(str) {
  var s = "";
  if (str.length === 0) {
    return "";
  }
  s = str.replace(/&amp;/g, "&");
  s = s.replace(/&lt;/g, "<");
  s = s.replace(/&gt;/g, ">");
  s = s.replace(/&nbsp;/g, " ");
  s = s.replace(/&#39;/g, "\'");
  s = s.replace(/&quot;/g, "\"");
  return s;
}
!

结语:最后给大家分享一些关于HTML的面试题,有需要可以戳我免费领取,先到先得。


学习成长路线

学习方法:视频快速入门——>书籍慢慢深入——>动手实操

详细大厂面试题答案、学习笔记、学习视频等资料领取,点击(资料领取直通车)免费领取!

前端视频资料:

建议:关于学习方法,是因人而异的,每个人的学习方法都不同,找到属于自己的学习方法才是最正确的,有的适合自己看视频看书学习,有的人在培训班里更容易成长,所以无论选择何种学习方式,适合自己,且坚持到底才是最重要的。

于学习方法,是因人而异的,每个人的学习方法都不同,找到属于自己的学习方法才是最正确的,有的适合自己看视频看书学习,有的人在培训班里更容易成长,所以无论选择何种学习方式,适合自己,且坚持到底才是最重要的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值