hx(h1，h2，h3等）的更换

提问者：小点点

hx(h1，h2，h3等）的更换

使用Validator.w3将显示下一个错误:

错误:元素h3不能作为address元素的后代出现。

还有另一个错误:

错误:iframe元素上的frameBorder属性已过时。请改用CSS。

所以，我的问题是:如何替换address标记内的h3？要使用哪个标签？那么，如何修复`iframe错误呢？

代码是:

<section id="Contacto">
    <div>
        <h2 class="concon">Contacto</h2>
        <div class="grupo-columnas centrar-columnas">
            <div class="columna">
                <address>
                    <h3>Mail</h3>
                    <a href="mailto:info@hyperx.com.ar" class="edit">info@hyperx.com.ar</a>
                    <h3>Llamanos</h3>
                    <a href="tel:540111122669288" class="edit">+54 011 2266-9288</a>
                    <h3>Ubicación</h3>
                    <p>Galería Jardín, Florida 537, Local 403, 1049 Buenos Aires</p>
                </address>
                <iframe id="mapa" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5523.179529963751!2d-58.37788072464045!3d-34.6015771771587!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bccb43fa34ea69%3A0x9a4a3f10bd59e3e!2sFullh4rd!5e0!3m2!1ses-419!2sar!4v1591886402346!5m2!1ses-419!2sar" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </div>
        </div>
    </div>
</section>

共1个答案

匿名用户

错误:元素h3不能作为address元素的后代出现。

使用文本元素，如，或

。对该元素应用任何所需的样式以获得所需的结果

错误:iframe元素上的frameborder属性已过时。请改用CSS。

从</code>中删除<code>frameborder=“0”</code>并应用一些css以获得相同的结果:<code>iframe{border:none}</code>。</p><p>显然，这已经在StackOverflow上得到了回答:“iframe元素上的frameborder属性已过时，请改用CSS.”</p> </p> <div style="font-size:12px"> </div> </div> </div> </div> <div class="ui segment" style="margin-top:20px;"> <h2 class="pt-2">相关问题</h2> <br> <div> <ul style="font-size:16px;"> <li style="line-height:30px;"><a href="/questions/400953" title="H2控制台和Spring Security-permitAll（）不工作" target="_blank">H2控制台和Spring Security-permitAll（）不工作</a></li> <li style="line-height:30px;"><a href="/questions/400862" title="OAuth2在Laravel 5中看不到我的请求" target="_blank">OAuth2在Laravel 5中看不到我的请求</a></li> <li style="line-height:30px;"><a href="/questions/400371" title="如何更换URL参数在胸腺叶链接？" target="_blank">如何更换URL参数在胸腺叶链接？</a></li> <li style="line-height:30px;"><a href="/questions/400300" title="Firebase Cloud Fi恢复在asia-south1（孟买）不可用？" target="_blank">Firebase Cloud Fi恢复在asia-south1（孟买）不可用？</a></li> <li style="line-height:30px;"><a href="/questions/399810" title="Spring OAuth2安全问题" target="_blank">Spring OAuth2安全问题</a></li> <li style="line-height:30px;"><a href="/questions/399808" title="与OAuth2丢失会话的Spring Security" target="_blank">与OAuth2丢失会话的Spring Security</a></li> <li style="line-height:30px;"><a href="/questions/399664" title="Spring云飞gnOAuth2请求拦截器不工作" target="_blank">Spring云飞gnOAuth2请求拦截器不工作</a></li> <li style="line-height:30px;"><a href="/questions/399663" title="尝试使用飞行登录Spring OAuth2服务器" target="_blank">尝试使用飞行登录Spring OAuth2服务器</a></li> <li style="line-height:30px;"><a href="/questions/399662" title="如何使用Spring Cloud Security实现OAuth2“令牌交换”" target="_blank">如何使用Spring Cloud Security实现OAuth2“令牌交换”</a></li> <li style="line-height:30px;"><a href="/questions/399627" title="如何覆盖Spring Cloud OAuth2客户端自动配置？" target="_blank">如何覆盖Spring Cloud OAuth2客户端自动配置？</a></li> <li style="line-height:30px;"><a href="/questions/399398" title="无法从其他pod访问mongoDB副本集pod|connect EHOSTUNREACH10.1.231.87:27017" target="_blank">无法从其他pod访问mongoDB副本集pod|connect EHOSTUNREACH10.1.231.87:27017</a></li> <li style="line-height:30px;"><a href="/questions/397027" title="如何在Spring Security中动态指定OAuth2资源详细信息？" target="_blank">如何在Spring Security中动态指定OAuth2资源详细信息？</a></li> <li style="line-height:30px;"><a href="/questions/397026" title="如何从授权码OAuth2获取电子邮件地址" target="_blank">如何从授权码OAuth2获取电子邮件地址</a></li> <li style="line-height:30px;"><a href="/questions/397023" title="Spring OAuth2OIDC-获取用于授权的用户信息和AD组信息" target="_blank">Spring OAuth2OIDC-获取用于授权的用户信息和AD组信息</a></li> <li style="line-height:30px;"><a href="/questions/397008" title="Spring OAuth2-无法获取客户端令牌" target="_blank">Spring OAuth2-无法获取客户端令牌</a></li> <li style="line-height:30px;"><a href="/questions/397007" title="OAuth2“客户凭证流”的浏览器测试工具" target="_blank">OAuth2“客户凭证流”的浏览器测试工具</a></li> <li style="line-height:30px;"><a href="/questions/397006" title="将访问令牌存储在OAuth2.0应用程序中并重复使用直到过期？" target="_blank">将访问令牌存储在OAuth2.0应用程序中并重复使用直到过期？</a></li> <li style="line-height:30px;"><a href="/questions/397005" title="如何仅在Spring Security OAuth2中允许从客户端访问资源？" target="_blank">如何仅在Spring Security OAuth2中允许从客户端访问资源？</a></li> <li style="line-height:30px;"><a href="/questions/397002" title="具有基本身份验证和自定义UserDetailsService的Spring Boot OAuth2" target="_blank">具有基本身份验证和自定义UserDetailsService的Spring Boot OAuth2</a></li> <li style="line-height:30px;"><a href="/questions/396826" title="使用NodeJS，如何使用Spring Security OAuth2制作的JWT检索存储在PostgreSQL中的会话信息？" target="_blank">使用NodeJS，如何使用Spring Security OAuth2制作的JWT检索存储在PostgreSQL中的会话信息？</a></li> </ul> </div> <br> </div> </div> <div class="col-md-4" style="height: auto !important; min-height: 0px !important;"> <div class="ui segment"> <h5>热门标签</h5> <hr> <a href="/questions/tag/1" title="Java" class="tags" style="margin:0 5px 5px 0">Java</a> <a href="/questions/tag/2" title="" class="tags" style="margin:0 5px 5px 0">JavaScript</a> <a href="/questions/tag/3" title="Python" class="tags" style="margin:0 5px 5px 0">Python</a> <a href="/questions/tag/4" title="PHP" class="tags" style="margin:0 5px 5px 0">PHP</a> <a href="/questions/tag/5" title="C#" class="tags" style="margin:0 5px 5px 0">C#</a> <a href="/questions/tag/6" title="Android" class="tags" style="margin:0 5px 5px 0">Android</a> <a href="/questions/tag/7" title="Html" class="tags" style="margin:0 5px 5px 0">Html</a> <a href="/questions/tag/8" title="jQuery" class="tags" style="margin:0 5px 5px 0">jQuery</a> <a href="/questions/tag/9" title="C++" class="tags" style="margin:0 5px 5px 0">C++</a> <a href="/questions/tag/10" title="Css" class="tags" style="margin:0 5px 5px 0">Css</a> <a href="/questions/tag/11" title="IOS" class="tags" style="margin:0 5px 5px 0">IOS</a> <a href="/questions/tag/12" title="MySQL" class="tags" style="margin:0 5px 5px 0">MySQL</a> <a href="/questions/tag/13" title="NodeJS" class="tags" style="margin:0 5px 5px 0">NodeJS</a> </div> </div> </div> </div> <script src="https://my.openwrite.cn/js/readmore.js" type="text/javascript"></script> <script> const btw = new BTWPlugin(); btw.init({ id: 'yArticle', blogId: '19381-1596467390161-874', name: '锋哥聊编程', qrcode: 'http://www.yiidian.com/statics/images/qywx.png', keyword: '1024', }); // 调整显示内容 var rm_btn = $("#read-more-btn"); rm_btn.html('~阅读全文~人机检测~'); </script> <script type="text/javascript" src="http://www.yiidian.com/api.php?op=count&id=1373&module=zsask"></script> <footer> <div class="deanfooter"> <div class="deanfttop nav-bar"> <div class="deanw1180"> <div class="deanlinks"> <ul> <li style="width:280px;"> <p>常见技术问题</p> <a href="/questions/402602" title="Android：在模块jefied-play-services-测量和jefied-play-services-测量-impl中发现重复类" target="_blank">Android：在模块jefied-play-ser...</a> <a href="/questions/402601" title="HashMap如何跟踪entrySet等字段" target="_blank">HashMap如何跟踪entrySet等字段</a> <a href="/questions/402600" title="在Hashmap中查找匹配的键/值对" target="_blank">在Hashmap中查找匹配的键/值对</a> <a href="/questions/402599" title="如何迭代Hashmap并与同一Hashmap中的其他键进行组合以比较它们的对象" target="_blank">如何迭代Hashmap并与同一Hashmap...</a> <a href="/questions/402598" title="HashCode-如果相等的对象碰巧在同一个桶中散列会发生什么？" target="_blank">HashCode-如果相等的对象碰巧在...</a> <a href="/questions/402597" title="Java哈希码和桶大小-关系" target="_blank">Java哈希码和桶大小-关系</a> </li> <li> <p>常用工具</p> <a href="http://www.yiidian.com/blog/notes/" target="_blank">编程笔记</a> <a href="http://www.yiidian.com/blog/interview/" target="_blank">编程面试题</a> <a href="http://www.yiidian.com/java_jar" target="_blank">Java Jar包下载</a> <a href="http://c.yiidian.com/" target="_blank">在线工具</a> <a href="http://layui.yiidian.com/" target="_blank">LayUI镜像站点</a> <a href="http://www.yiidian.com/bysj_doc/">毕设文档下载</a> </li> <li> <p>站点信息</p> <a href="/site/about_us/" target="_blank">关于我们</a> <a href="/site/disclaimer/" target="_blank">免责声明</a> <a href="/tags" target="_blank">网站标签</a> </li> </ul> </div> <div class="deanspread"> <p>关注站长公众号：锋哥聊编程</p> <div class="deanweixin"> <img src="/statics/images/ydjc-wx.png"> <p>锋哥聊编程</p> </div> </div> <div class="clear"></div> </div> </div> <div class="deanofficial"> Copyright © 2017-2022 一点教程. All Rights Reserved. <br/>备案号：<a href="https://beian.miit.gov.cn/" target="_blank"><font color="white">粤ICP备17065202号-3</font></a> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5680e7b580ba668dd42e343252481189"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> $(function(){ $.getJSON("http://www.yiidian.com/checklogin", function(data){ if(data.flag){ $('.no-login').hide(); $('.has-login').show(); $('#username').html(""+data.username); }else{ $('.no-login').show(); $('.has-login').hide(); } }); }); </script> </footer> <div class="fixed-btn nav-bar"> <a class="go-top" href="javascript:void(0)" title="返回顶部"> <i class="fa fa-angle-up"></i></a> <a class="qrcode" href="javascript:void(0)" title="关注我们"><i class="fa fa-qrcode"></i></a> <a class="writer" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1014671449&site=qq&menu=yes" style="font-size: 12px;" title="QQ客服"><i class="fa fa-qq" style="font-size: 20px;"></i></a>  <div id="bottom-qrcode" class="modal panel-modal hide fade in"> <h4>微信关注</h4> <div class="panel-body"><img alt="微信关注" width="128" height="128" src="http://www.yiidian.com/statics/images/qrcode.png"></div> </div> </div> <script src="http://www.yiidian.com/statics/js/main.js"></script>  <script src="http://www.yiidian.com/statics/js/amazeui.js"></script> </body> </html>