精华内容
下载资源
问答
  • a标签内不能嵌套a标签,嵌套后浏览器解析时会拆分成并列的形式,不能实现内嵌的形式。 a标签内嵌套a标签类似功能的实现 点击每个li跳转到查看详情0,点击里面的详情时查看各自的详情页。 表象:当点击内层的...

    a标签内嵌套a标签

    • a标签内不能嵌套a标签,嵌套后浏览器解析时会拆分成并列的形式,不能实现内嵌的形式。

    a标签内嵌套a标签类似功能的实现

    • 点击每个li跳转到查看详情0,点击里面的详情时查看各自的详情页。
    • 表象:当点击内层的span标签时,无法触发内层的click事件。
    • 实质:点击内层的span标签时,实质内层(onclick添加到行内)的click事件已经触发,但会事件冒泡到外层,可以使用阻止事件冒泡的方式(但knockout的控件中获取到$(this)都是window,只能在最外层的事件中获取到当前行的信息,就可以使用全部变量的方式了),或者定义全局变量控制实现不同的跳转。
    <ul>
        <li>
            内容1:<span onclick="see1()">点击查看详情1</span>
            内容2:<span onclick="see2()">点击查看详情2</span>
        </li>
    </ul>
    
    <script>
    var turn = 0;
    function see1(){ turn = 1; }
    function see2(){ turn = 2; }
    $(function(){
        $('li').click(function(){
            if(turn == 1) 
                   turn = 0;           
                   //执行方法,可以获取当前行的信息 ,跳转到详情页1
            }else  if(turn == 2) 
                   turn = 0;           
                   //执行方法,可以获取当前行的信息 ,跳转到详情页2
            }else {
                turn = 0;
                 //执行方法,可以获取当前行的信息  ,跳转到详情页
            }
           
        })        
    })
    
    </script> 
    
    • 这样就实现了可以span和其余的li部分跳转到不同的页面

    转载于:https://my.oschina.net/yxmBetter/blog/1576953

    展开全文
  • [html] a标签可以嵌套a标签吗?为什么?如果不行,那又想要嵌套效果怎么解决呢? a标签不能嵌套a标签 <a href="https://www.baidu.com/" class="parent"> 点击父级标签 <a href=...

    [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="https://www.baidu.com/" class="parent">点击父级标签</a>
    <a href="https://www.baidu.com/" target="_blank" class="child">点击子级标签</a>
    
    那么实现嵌套效果(点击子标签时跳转,点击父标签时跳转):
    
    1.和上面的布局一样,样式改变如下,给父元素加绝对定位:
    
    .parent {
        display: block;
        position: absolute;
        width: 200px;
        height: 100px;
        border: 1px solid blue;
        text-align: center;
        line-height: 100px;
    }
    .child {
        color: red;
    }
    
    2.中间加一层object标签如下(大部分浏览器支持,但是还是存在兼容性):
    
    <a href="https://www.baidu.com/" class="parent">
        点击父级标签
        <object data="" type="">
            <a href="https://www.baidu.com/" target="_blank" class="child">点击子级标签</a>
        </object>
    </a>
    
    3.还可以不用a标签(随便用什么标签,实现嵌套和跳转功能),加js如下:
    
    <div class="parent" id="parent">
      点击父级标签
      <a href="https://www.baidu.com/" target="_blank" rel="noopener noreferrer" class="child" id="child">点击子级标签</a>
    </div>
    <script>
      window.onload = () => {
          let parent = document.getElementById('parent');
          let child = document.getElementById('child');
          parent.onclick = () => {
              alert("在本页跳转到百度");
              window.location.href = 'https://www.baidu.com/';
          };
          child.onclick = (e) => {
              // 阻止事件默认的向上冒泡行为
              e.stopPropagation();
              alert("打开新页面跳转到百度");
          };
      };
    </script>
    
    

    个人简介

    我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
    但坚持一定很酷。欢迎大家一起讨论

    主目录

    与歌谣一起通关前端面试题

    展开全文
  • 参考:在HTML中标签嵌套规则 1、HTML标签: 块级元素(block): 常用:div、p、ul、ol、li、dl、dt、dd、fieldset、form、h1~h6、hr、table 不常用:address、isindex、menu、noframes、noscript、pre、blockquote...

    参考:在HTML中标签的嵌套规则

    1、HTML标签:

    1. 块级元素(block):
      • 常用:div、p、ul、ol、li、dl、dt、dd、fieldset、form、h1~h6、hr、table
      • 不常用:address、isindex、menu、noframes、noscript、pre、blockquote、center、dir
    2. 内嵌元素(inline)
      • 常用:span、a、b、strong、i、em、label、textarea、small、img、input
      • 不常用:abbr、acronym、bdo、big、br、cite、code、dfn、font、kbd、q、s、samp、select、strike、sub、sup、tt、u、var

    2、嵌套规则

    1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素;
    2. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:h1、h2、h3、h4、h5、h6、p、dt
    3. li 内可以包含 div 标签;
    4. 块级元素与块级元素并列、内嵌元素与内嵌元素并列;

    3、a标签中放input标签

    a标签里是可以放input标签的。但是会出现一些问题

    展开全文
  • XHTML的标签有许多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱...

    XHTML的标签有许多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱嵌套,那么,html标签的嵌套规则有哪些呢?

    一、HTML 标签包括 块级元素(block)、内嵌元素(inline)

    1、块级元素

    一般用来搭建网站架构、布局、承载内容……它包括以下这些标签:

    复制代码代码如下:

    address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

    2、内嵌元素

    一般用在网站内容之中的某些细节或部位,用以“强调、区分样式、上标、下标、锚点”等等,下面这些标签都属于内嵌元素:

    复制代码代码如下:

    a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var

    二、HTML 标签的嵌套规则

    1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:

    复制代码代码如下:

       —— 对

       —— 错

    2. 块级元素不能放在

    里面:

    复制代码代码如下:

    —— 错

    3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:

    复制代码代码如下:

    h1、h2、h3、h4、h5、h6、p、dt

    4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来的,但是网上许多人对此有些疑惑,就在这里略加说明:

    li 和 div 标 签都是装载内容的容器,地位平等,没有级别之分(例如:h1、h2 这样森严的等级制度^_^),要知道,li 标签连它的父级 ul 或者是 ol 都 可以容纳的,为什么有人会觉得 li 偏偏容纳不下一个 div 呢?别把 li 看得那么小气嘛,别看 li 长得挺瘦小,其实 li 的胸襟很大 滴……

    5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列:

    复制代码代码如下:

    —— 对
    展开全文
  • 内联元素可以嵌套块级元素吗?

    千次阅读 2017-09-13 15:06:34
    在h4的任何doctype声明下,都不允许a嵌套div,而html5的doctype声明下允许a嵌套div。 xhtml strict下 ,在没有额外css的描述下,内联元素完全无法嵌套块级元素。xhtml Transitional下面 ,这种嵌套被接受 ,...
  • 元数据元素(metadata content)是可以被用于注明其余内容的显现或行为,能够在目前文档与其他文档之间建设朋分的元素base link meta noscript script style template title流元素(flow content)是在运用步骤与文档的...
  • 元素开始与结束标签嵌套错误,页面可以在大部分浏览器被正常解析,IE9会出现解析错误 在<p>元素内嵌入<div>等元素造成所有浏览器的解析错误吗,亲测可以 在<h1>~<h6>元素内嵌入<div>...
  • 和后台的if(list1.get(j).getCreateUser().equals(list.get(i).getUserName())){不一样 后台代码是 i=0 j++ 就实现了我想要的效果 对c:forEach标签不了解 不知道要怎么解决 还是我的思路本来就是错的不能够实现 ...
  • [html] a标签可以嵌套a标签吗?为什么?如果不行,那又想要嵌套效果怎么解决呢? [css] css的height:100%和height:inherit之间有什么区别呢? [js] 写一个方法删除字符串中所有相邻重复的项 问题一:...
  • 目录 a标签可以嵌套交互式元素块级元素可以包含内联元素和某些块级元素,内联元素不能包含块级元素,只能包含内联元素p标签不能包含块级元素不可包含块级元素的标签li标签可以包含div以及ul,ul的子元素应该只有li...
  • 你能用 jQuery 代码选择所有在段落内部的超链接吗?(答案略)(本条包含答案)  这是另一个关于选择器的 jQuery 面试题。就像其他问题那样,只需一行 jQuery 代码就...找出当前p下所有a标签(如果当前p包含其他标签且...
  • CSS网站布局实录 (第二版)PDF版

    热门讨论 2012-12-10 18:46:01
    3.1.4 并列与嵌套div结构 3.1.5 使用合适对象来布局 3.2 一列固定宽度 3.3 一列宽度自适应 3.4 二列固定宽度 3.5 二列宽度自适应 3.6 两列右列宽度自适应 3.7 二列固定宽度居中 3.8 三列浮动中间列宽度自适应 3.9 ...
  • java面试宝典

    2013-02-28 16:04:01
    196、Can a database connection pool be instantiated in init method of servlet instead of server connection pool? What will be the problem? 46 综合部分 46 197、Class.forName的作用?为什么要用? 47 198、...
  • 千方百计笔试题大全

    2011-11-30 21:58:33
    196、Can a database connection pool be instantiated in init method of servlet instead of server connection pool? What will be the problem? 46 综合部分 46 197、Class.forName的作用?为什么要用? 47 198、...
  • (详情可以参见:jQuery.ajax文档) 此外,系统的可扩展性大大增强,可以附加各种数据处理器、过滤器和传输机制,为开发新的Ajax插件提供了方便。 2. 延迟对象 延迟对象(Deferred Object,jQuery.Deferred对象)是...
  •  《Oracle PL/SQL程序设计(第5版)(套装上下册)》结构清晰,示例丰富,实践性强,适用于Oracle数据库开发人员、Oracle数据库管理员等相关数据库从业人员,也可以作为各大、中专院校相关专业师生的参考用书和相关...
  • 就像标签可以加loop循环属性。需要用什么方法呢 ? </li><li> 问题4:使用vue在body里挂上钩子,就可以通过函数来渲染页面,那么html文件里和</li></ul>该提问来源于开源项目:xugy0926/...
  • 在函数a可以访问到变量g,那是因为函数a包含了message的变量对象,于是在自身没有开始搜索上一级的变量对象时发现了,于是可以访问。那么访问c的原理也是如此,当自身和上一级的message的...
  •  Session Bean 还可以再细分为 Stateful Session Bean 与 Stateless Session Bean ,这两种的 Session Bean都可以将系统逻辑放在 method之中执行,不同的是 Stateful Session Bean 可以记录呼叫者的状态,因此通常...
  • java 面试题 总结

    2009-09-16 08:45:34
    Session Bean 还可以再细分为 Stateful Session Bean 与 Stateless Session Bean ,这两种的 Session Bean都可以将系统逻辑放在 method之中执行,不同的是 Stateful Session Bean 可以记录呼叫者的状态,因此通常来...
  • DTD是一种保证XML文档格式正确的有效方法,可以比较XML文档和DTD文件来看文档是否符合规范,元素和标签使用是否正确。一个DTD文档包含:元素的定义规则,元素间关系的定义规则,元素可使用的属性,可使用的实体或...
  • \d{8}这个表达式匹配3位区号的电话号码,其中区号可以用小括号括起来,也可以不用,区号与本地号间可以用连字号或空格间隔,也可以没有间隔。你可以试试用分枝条件把这个表达式扩展成也支持4位区号的。 \d{5}-\d{4}|...
  • 4.4.3 结构可以将string类作为成员吗 4.4.4 其他结构属性 4.4.5 结构数组 4.4.6 结构中的位字段 4.5 共用体 4.6 枚举 4.6.1 设置枚举量的值 4.6.2 枚举的取值范围 4.7 指针和自由存储空间 4.7.1 声明和初始...
  • 在命令行输入,gradlew compileDebugSources,可以查看打印报错的信息,这句话可以控制台输出代码报错的日志。 IOException: CreateProcess error=2, 系统找不到指定的文件。 具体报错日志如下所示 ...
  • PHP3程序设计

    2011-10-21 18:45:03
    4.3.5 嵌套函数调用 61 4.3.6 递归函数 61 4.4 总结 65 第5章 中场一:数据库连接 67 5.1 开端 67 5.2 创建连接 67 5.3 获取HTML表单信息 69 5.4 使用HTML表单信息 70 5.5 common.inc文件 72 5.6 总结 73 第6章 ...
  • 堆栈信息给的标签是 anonymous function。 如果你用 Babel 将 ES6 的代码转换成 ES5 的代码,就会发现两个有趣的现象: 在某些情况下,编译器能判断函数名是否被赋值给了某个变量 编译器使用 别名...
  • <code>describe是可以嵌套的,也就是说外层分组了之后,内部还可以分子组)。另外还有一个非常重要的特性,就是每个分组都可以进行预处理(<code>before、<code>beforeEach</code>&#...
  • <p>A JavaScript library for building user interfaces 官方定义其为 UI 库,这名字似乎太低调了些。从 React-Native 的发展就能看出来其野心勃勃,但官方的定义反而使其成为了开发者的宠儿 —— "...

空空如也

空空如也

1 2
收藏数 29
精华内容 11
关键字:

a标签可以嵌套a标签吗