个人中心
gpt4 book ai didi

html - Chrome Dev Tools 添加了
标签，而这些标签不存在？

转载 作者：行者123 更新时间：2023-11-28 17:19:18 24 4
gpt4 key购买 nike

这是我的代码，在 audi 图像和 chrome 灰色文本 block 之间添加
标签，而这些标签实际上不在代码中？有人知道为什么吗？ chrome 似乎添加了很多实际上并不存在的标签:/

    <!DOCTYPE html>
        <html>

        <head>
            <meta charset="utf-8">
            <title>Audi MK Advert</title>
            <style>
                @font-face {
                    font-family: 'audibold';
                    font-style: normal;
                    font-weight: bold;
                    src: url('helper-files/fonts/AudiBold.otf') format('opentype');
                }

                @font-face {
                    font-family: 'audinormal';
                    font-style: normal;
                    font-weight: normal;
                    src: url('helper-files/fonts/AudiNormal.otf') format('opentype')
                }

                @media (min-width: 360px) {
                    table .tnormal {
                        font-size: 11px !important;
                    }
                    table .tnormalsmall {
                        font-size: 9px !important;
                    }
                    table .tbold {
                        font-size: 14px !important;
                    }
                    table .tboldaddress {
                        font-size: 13px !important;
                        font-weight: bold;
                    }
                    table .tboldsmall {
                        font-size: 11px !important;
                    }
                    table .marshall-logo {
                        margin-left: 100% !important;
                    }
                    table .footer {
                        font-size: 7px !important;
                    }
                }
            </style>
        </head>

        <body>

            <!-- Audi Logo Top Right -->
            <table style="float:right" ; display:block; margin-bottom: 10px>
                <tr>
                    <td>
                        <img src="helper-files/imgs/logo.png">
                    </td>
                </tr>
            </table>

            <br>

            <!-- Grey Navbar -->
            <table style="margin:auto; width:100%; background-color:#858585">
                <tr style="display:block;">
                    <td><img src="helper-files/imgs/navbutton2.jpg" style="margin-bottom: 5px"></td>
                    <td><img src="helper-files/imgs/navbutton3.jpg" style="margin-bottom: 5px"></td>
                    <td><img src="helper-files/imgs/navbutton4.jpg" style="margin-bottom: 5px"></td>
                    <td><img src="helper-files/imgs/navbutton5.jpg" style="margin-bottom: 5px"></td>
                    <td><img src="helper-files/imgs/navbutton6.jpg" style="margin-bottom: 5px"></td>
                    <td><img src="helper-files/imgs/navbutton1.jpg" style="margin-bottom: 5px"></td>
                    <td><img src="helper-files/imgs/navbutton7.jpg" style="margin-bottom: 5px"></td>
                </tr>
            </table>

            <!-- Audi Large Photo -->
            <table style="width:100%; margin-bottom:0">
                <tr>
                    <td style=align: "center"><img src="helper-files/imgs/header.jpg" style="width:100%"></td>
                </tr>
            </table>

            <!-- Body of text -->
            <table style="background-color: lightgray; padding-bottom: 20px; color:grey">
                <tr>
                    <td class="tbold" ; style="font-weight:bold; padding-bottom:15px; padding-top: 35px; font-size:35px; padding-left: 15px; padding-right: 15px;font-family: audibold">Whats in the name?</td>
                </tr>

                <tr>
                    <td class="tboldsmall" ; style="padding-bottom:15px; font-weight:bold; padding-right: 15px; padding-left: 15px; font-family: audibold">To reflect Ridgeway’s acquisition by Marshall Motor Holdings plc in May of this year, effective from the 1st of November, we have rebranded to Marshall.</td>
                </tr>

                <br>

                <tr>
                    <td class="tnormal" ; style="padding-bottom:15px; padding-left: 15px; padding-right: 15px; font-family: audinormal">Don’t worry – it’s not all change. Our excellent staff, standards and values will remain the same, ensuring that you receive consistently high levels of service.</td>
                </tr>

                <br>

                <tr>
                    <td class="tnormal" ; style="padding-bottom:15px; padding-left: 15px; padding-right: 15px; font-family: audinormal">The largest expansion acquisition that Marshall Motor Group has made to date, we are now part of a group that operates 103 franchise dealership businesses representing 24 different manufacturer brands across 25 counties in England, with a
                        turnover in excess of £2.1bn per annum and 3,500 colleagues; but you, the customer, are still our Number One!</td>
                </tr>

                <br>

                <tr>
                    <td class="tnormal" ; style="padding-bottom:15px; padding-left: 15px; padding-right: 15px; font-family: audinormal">With Marshall Motor Group (who are the 7th largest UK motor group in the UK), we are in a better position than ever to exceed expectations and adopt 106 years of dedicated Marshall expertise, with customer care and impeccable industry knowledge
                        at the heart of everything we do.</td>
                </tr>

                <br>

                <tr>
                    <td class="tnormal" ; style="padding-bottom:15px; padding-left: 15px; padding-right: 15px; font-family: audinormal">Just like always, we’re with you for the road ahead. Welcome to the next destination of our exciting journey. As part of the rebrand <a href="http://www.marshall.co.uk/" style="text-decoration:none; color:black; font-weight: bold;">ridgeway.co.uk</a> will
                        redirect to our new online home of <a href="http://www.marshall.co.uk/" style="text-decoration:none; color:black; font-weight: bold">marshall.co.uk</a> for all things Audi sales, service and parts!</td>
                </tr>

                <tr>
                    <td class="tbold" ; style="font-weight:bold; font-size:35px; padding-left: 15px; padding-right: 15px; font-family: audibold">Marshall</td>
                </tr>

                <tr>
                    <td class="tbold" ; style="font-weight:bold; font-size:35px; padding-left: 15px; padding-right: 15px; font-family: audibold">The new name for Audi in Oxford and Newbury.</td>
                </tr>

            </table>

最佳答案

HTML 无效。您看到的额外标签是浏览器尝试纠错的结果。

您还会看到一些“添加”的额外元素，它们的开始和结束标记是可选的(例如，每个表都必须有一个 tbody)。这是正常行为，不是问题。

使用a validator识别您的错误，其中包括:

  • 表格行之间的换行元素
  • 属性之间的分号
  • 引号放在错误位置的属性值

也可以使用 CSS validator因为您也有 CSS 错误(例如使用不存在的属性)。

关于html - Chrome Dev Tools 添加了 <br> 标签，而这些标签不存在？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42789170/

24 4 0
文章推荐： jquery - 使用 jquery 附加到 时不应用 .less 样式，但 .css 有效
文章推荐： 加载外部csv文件的javascript库
文章推荐： css - 如何调整列表样式的背景图片 :outside - CSS
文章推荐： python - 为单元素系列生成直方图时出现 Seaborn distplot 错误
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com