Html 我可以在结束标记上有属性吗?

Html 我可以在结束标记上有属性吗?,html,Html,有许多人会这样标记结束标记,以帮助识别与HTML标记一起出现的结束标记: <div id="header"> <div id="logo"> <a href="index.php"> <img id="logoimg" src="images/as_logo.png" alt="Logo" border="0" /> </a> </div> <!-- logo --> <

有许多人会这样标记结束标记,以帮助识别与HTML标记一起出现的结束标记:

<div id="header">
  <div id="logo">
    <a href="index.php">
      <img id="logoimg" src="images/as_logo.png" alt="Logo" border="0" />
    </a>
  </div> <!-- logo -->
</div> <!-- header -->

不,不可能。一些浏览器会忽略它,但其他一些浏览器可能会抱怨,无法正确显示HTML。

简短回答,


改为使用注释。

大多数标签的答案都是否定的。然而,您可能会争辩说,像“img”这样可以自动关闭的标记能够在其中包含属性。但是这些自动结束标记正在取代开始标记和结束标记,因此这与在结束标记中具有属性不同。老实说,这真的没有必要,它只会为浏览器创造更多的阅读空间,并使页面变大。

对不起,它不起作用,也无法验证

如果在关闭标记中尝试其他属性,则浏览器将跳过该属性。我尝试了几种方法,用ID和类进行了测试,css和javascript在结束标记中没有识别出它们。 你最好的选择是评论

编辑

或者,您可以制作自己的html标记

必须使用连字符,并且应避免
document.createElement('foo-bar');

原始问题描述了四个部分的特定场景:

  • 提高html代码的可读性,特别是:匹配开始和结束
    标记

  • 读取(调试)从浏览器抓取的呈现html页面源时

  • 当呈现源已动态生成(服务器端生成/处理)并且在将网页发送到请求客户端之前已删除所有评论时

  • 在这种情况下,问题是特定于WordPress(著名的用于创建网站、博客等的php CMS平台)

  • 这里的特殊复杂性在于,服务器上没有一个源文件可供查看,因为网页是由代码通过许多文件、数据库、API等的输入动态生成的

    如前所述,在每个结尾处放置注释的常用技术在这里没有帮助,因为Wordpress在提供页面之前已经删除了所有注释,可能是为了减小页面大小

    Javascript解决方案:

    忘了尝试破解html以绕过WordPress、浏览器和标准吧。相反,只需像这样将注释重新插入到渲染源中

    匹配开口时
    和 关闭
    标记此javascript可能会有所帮助。 此函数将注释每个结束
    div
    标记 并用div的ID属性标记它,生成 这样的结果:

    
    
    洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图
    ... 
    动物是劳动。
    

    即使在呈现的页面被删除时,这也会起作用 删除评论(由WordPress在 原问题)。只需触发或注入 在您喜欢的任何位置运行,然后查看或保存 消息来源。如其他人之前所述,使用 注释并不像其他注释那样违反规范 可能会有人提出建议

    这个简短的函数应该易于理解和使用 修改为类似目的而修改。(注意
    插入之前的
    
    解决方法,因为没有JS
    insertAfter
    方法。)

    var d=window.document;
    InsertCommentDivCloseTag(d);
    函数InsertCommentDivCloseTag(文档){
    var d=文件;
    var divList=d.getElementsByTagName('div');
    var div={};
    for(部门列表中的部门){
    var parent=div.parentNode;
    var newNode=新注释('end#'+div.id+'');
    parent.insertBefore(newNode,div.nextSibling);
    }
    }
    
    这是一个快速简单的一次性解决方案。如果你只需要这些,跳过剩下的

    如果WordPress/Web开发是你每天所做的事情,你可能会考虑探索以下几个方面:

    黑客WordPress

    再一次忘记破解HtML标准,改为破解wordpress。事实上,WordPress被设计成黑客。几乎WordPress在创建网页时使用的每个函数都有一个钩子,您可以使用它来覆盖或更改它的功能

    找到一个剥离你的评论,并添加一个函数来关闭和打开它

    如果以前有人想到过,现在已经有了一个插件

    WordPress插件来来去去,有些是维护的,有些不是,有些很好,有些设计很差,有些就是不好。所以,请注意买主。有了这个限制条件,我可以在十秒钟内找到这样一个插件,只需一次搜索,第一次尝试

    超越WordPress

    出于许多原因,为尽可能小的网页版本提供服务是有益的,WordPress可能不是动态更改代码或缓存旧版本的唯一参与者

    您的WordPress安装和博客文章(数据库)

    WordPress主题

    WordPress插件

    HTTP服务器,如Apache及其模块

    代理服务器,如Nginx

    主机提供商

    内容交付网络

    (更多网络)

    最后,我的浏览器是客户端

    以及由上述任何一方维护的任何缓存


    最后,如果这类事情正在或正在成为您的工作,您最终会希望探索专门的IDE以及独立的生产和开发服务器。

    validator.w3.org说:
    --name start character invalid:这里只允许S分隔符和TAGC
    您想实现什么?HTML不是设计用来做这件事的,我相信不管你想做什么,都可以不用这个方法来完成。它严格是为了代码的可读性和文档化。喜欢注释的想法:)如果你想知道标签在哪里
    <div id="header">
      <div id="logo">
        <a href="index.php" id=link">
          <img id="logoimg" src="images/as_logo.png" alt="Logo" border="0" />
        </a><hr z="link">
      </div><hr z="logo">
    </div><hr z="header">
    
    [z] {
        display: none;
    }
    
    document.createElement('foo-bar');