前端新手遇到的问题 ---含“ html5嵌套、height:100%和height:inherit差异、删除字符串”知识

最新推荐文章于 2024-06-04 14:32:38 发布

MyKyle18

最新推荐文章于 2024-06-04 14:32:38 发布

阅读量292

点赞数

分类专栏：新手前端路

本文链接：https://blog.csdn.net/qq_18547381/article/details/104274464

版权

本文介绍了前端面试中常见的三个问题：HTML5 a标签的嵌套限制及其解决方法，CSS中height:100%与height:inherit的区别，以及如何用JavaScript删除字符串中相邻重复项。通过实例解析，帮助读者理解这些概念。

摘要由CSDN通过智能技术生成

问题源自知乎—浪子神剑老师的前端面试每日 3+1，我仅在此为大家提供解题方案以及思路，在此感谢浪子神剑老师。

[html] a标签可以再嵌套a标签吗？为什么？如果不行，那又想要嵌套效果怎么解决呢？
[css] css的height:100%和height:inherit之间有什么区别呢？
[js] 写一个方法删除字符串中所有相邻重复的项

问题一：[html] a标签可以再嵌套a标签吗？为什么？如果不行，那又想要嵌套效果怎么解决呢？

根据“块元素内部可以嵌套内联元素以及部分块元素，内联元素内部可以嵌套块元素”应该没问题。

为了验证下，我写了段代码。

<body>
	<a href="https://zhuanlan.zhihu.com/p/106367296">外层的a标签<a href="https://www.runoob.com/cssref/css3-pr-all.html">a内层的a标签</a></a>
	<div><a href="https://www.runoob.com/cssref/css3-pr-all.html">div内层的a标签</a></div>
</body>

实践后发现，a内层的a标签和div内层的a标签都可以正常跳转，难道是可以嵌套嘛？我怀着不确定的心打开了浏览器解析。