关于a标签嵌套a标签样式错乱的记录

最新推荐文章于 2023-03-20 09:03:31 发布
最新推荐文章于 2023-03-20 09:03:31 发布
阅读量686 收藏
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/b1250372262/article/details/104359589
版权

前几天做cms的时候，发现富文本编辑器里面添加a标签之后，页面上有a标签，a标签嵌套之后，页面样式出现了错乱。

现在记录一下问题以及解决办法。

 

我的解决办法是在a标签里面添加一个object标签    大神勿喷

HelloBarreat
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
常见a标签的错误及解决办法
gercke的博客
12-21 1477
一、在a标签中如果使用了 target=“_blank” target=“_blank” 是一种有漏洞的使用方式 如果要用的话，那么就需要加上 rel=“noopener noreferrer”>，用来阻止漏洞 <a href="http://baidu.com" target="_blank" ref="noopener noreferrer"></a> 二、修改配置 解决办法 运行 npm run eject //添加配置 //在package.json文件中添
由于html标签嵌套错误引发的一些问题
xingqiliudehuanghun
08-10 309
前一阵写代码的时候遇到了一些很莫名奇妙的现象，代码的运行结果与我的预期出入很大，但是程序本身并没有错误。当时我正在为自己写的一个小程序写文档，格式为html，因为有很多的JS代码，为了便于阅读自己添加了一些实现代码高亮显示的代码。代码并不是很复杂，当时我的页面中存在很多这种结构的HTML： [code="html"]sub title some text so...
<a> 标签 里面的 <ul>样式乱了
chuncui2576的博客
09-21 300
开发的时候， 使用 <a> 标签包含了 <ul> 标签， 可是样式在 一些浏览器里面就乱了。。。 <a href="<%=basePath %>mobileAllinPayRecharge/userBankInfo?userBankId=${userB...
html框架中iframe点击a标签导致整个页面外框架消失
llm20143304的博客
01-19 471
使用下方标签会导致出现这种情况 <a href="#"></a> 换为 <a hre="javascript:void(0);"></a> 即可
HTML元素嵌套嵌套错误可能引起的问题
thgj0006的博客
03-20 413
这其实在告诉我们，我们写出来的HTML代码不符合W3C规范可能最终呈现出来没有异样，但那其实是浏览器的一种容错机制，我们没有理由让自己以一个随性的态度去coding，对待自己的代码应该一丝不苟，即使HTML5的胸襟很宽广。每个元素基本都有自己的嵌套规则（即父元素可以是什么，子元素可以是什么），除了严格嵌套约束之外的一些规则就是语义嵌套约束，对于语义嵌套约束，如果不遵守，页面可能正常，但也可能解析错误，这和下面要讲的容错机制有关。你关注或不关注，标准就在那里，只增不减。
HTML标签解释大全
03-28
- **说明**：`<a>` 标签用于创建超链接，标明超链接的起始或目的位置。例如： ```html <a href="https://www.example.com">链接文本</a> ``` ##### 标签：acronym - **说明**：`<acronym>` 标签用于标明缩写词，...
HTML标签解释大全.doc
05-25
`<a>`标签用于创建到其他文档或位置的链接，是网页中最常见的标签之一。 ##### **3. acronym** **说明：** 表明缩写词。虽然HTML5不再支持此标签，但在早期的HTML版本中，它用于定义缩写或首字母缩略词，并提供其...
html标签注释集合[借鉴].pdf
10-11
2. `<a>`: 用于创建超链接，可以链接到其他网页、文件或者锚点。 3. `<acronym>`: 标记缩写词，但HTML5中不再推荐使用，可以用`<abbr>`代替。 4. `<address>`: 用于表示作者或联系信息，通常用于页脚。 5. `...
2019移动互联A卷林丰波.docx
06-20
- **多媒体支持**：内置 `<video>` 和 `<audio>` 标签，无需额外插件即可播放音视频； - **Canvas** 和 `<svg>`：提供了绘制图形的能力； - **Web Workers**：允许在后台线程中执行脚本，提高用户体验。 #### APP ...
Html页面嵌套页面练习
05-19
左下角的页面切换按钮通常用于导航，可以使用HTML的`<nav>`标签配合`<a>`标签创建链接，实现页面间的跳转。使用JavaScript或AJAX可以实现平滑的页面切换，而无需每次都完全刷新页面，提升用户交互体验。 接下来，...
html中a标签里img,一个div里面含有a标签，a标签里有img标签，为什么div与a之间有空隙，不能完全贴合？？？...
weixin_29189003的博客
06-27 299
*{padding: 0;margin: 0 auto;font-family: "宋体";}.Slider,.Content,.Main{width: 100%;height: 400px;}/*幻灯片内容*/.Content /*.Main*/{position: relative;}/*幻灯片图片*/.Content .Main img{width: 100%;height: 400px;}...
[html] a标签可以再嵌套a标签吗？为什么？如果不行，那又想要嵌套效果怎么解决呢？
歌谣的博客
04-12 764
[html] a标签可以再嵌套a标签吗？为什么？如果不行，那又想要嵌套效果怎么解决呢？ a标签不能嵌套a标签 <a href="https://www.baidu.com/" class="parent"> 点击父级标签 <a href="https://www.baidu.com/" target="_blank" class="child">点击子级标签</a> </a> 结果在浏览器上解析为,嵌套失败： <a href="h
a标签嵌套a标签效果的两种解决方案
weixin_30319097的博客
11-07 355
<!-- a标签进行嵌套的时候 --> <a href="#outer">outerA <a href="#inner">innerA</a> </a> <!-- 而浏览器则会解析成 -- > <a href="#outer">outerA</a> <a href="#...
a标签里嵌套a标签
三三
12-20 5025
由于需求需要在a标签里面再嵌套一层a标签： &lt;a href="javascript:;"&gt; father tag A &lt;a href="javascript:;"&gt;Child tag A&lt;/a&gt; &lt;/a&gt; 结果样式乱了套，一看，耶？明明是父子关系，浏览器解析的结果却是： 一番查阅：a标签嵌套a标签，浏览器会自动添加结束符号。 而H...
关于a标签嵌套a标签问题以及解决方案
weixin_44711440的博客
12-04 3653
关于a标签嵌套a标签问题以及解决方案
关于a标签，点击后，所有a标签样式改变的问题
maohuihua的专栏
01-08 3956
关于a标签，点击后，所有a标签样式改变的问题。 这个问题出现的原因是a标签是根据href属性的值做区分的，一个a标签样式改变， 其它的都会跟着改变。所以每个a标签的属性值都要作区分。 设置a标签的href属性值之后，为了不让其其作用，可以在属性值前加#号，并且在onclick回调函数中，return false。 问题解决。
html中<a>标签不能嵌套的问题
jyluwen的博客
08-13 5546
        今天是周一，上周末双休，好像有节后综合症，一整天没精神，身体没劲！发誓以后不要向上周一样过周末了！言归正传，刚毕业从事前端工程师一枚，每天在项目中总会遇到很多很多的问题！遇到小的问题，我能轻松解决，很有成就感，但是遇到自己不能解决的问题，再加上今天什么都不想做的丧情绪，一个小时也没能解决问题！         今天遇到的问题是移动端整个的&lt;div&gt;是一个&lt;a&g...
html a标签嵌套ul标签怎么做下拉列表
最新发布
05-19
可以使用CSS中的伪类选择器实现下拉列表的效果。 首先，将ul标签中需要作为下拉选项的li标签设置为display:none，让它们默认不显示。 然后，在a标签上添加:hover伪类选择器，当鼠标悬浮在a标签上时，将其下级的ul标签中的li标签设置为display:block，即可实现下拉列表的效果。 HTML代码示例： ``` <a href="#">下拉菜单</a> <ul> <li><a href="#">选项1</a></li> <li><a href="#">选项2</a></li> <li><a href="#">选项3</a></li> </ul> ``` CSS代码示例： ``` ul li { display: none; } a:hover + ul li { display: block; } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HelloBarreat

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值