在现代浏览器中使用自己的 html 标签是否有任何技术问题

问：

有时我的代码会变得非常丑陋

尤其是当我使用像 tailwind 这样的框架时 当项目变得很大时，我可以毫不夸张地说，我 90% 的时间都花在了在元素之间寻找所需的类上

保持代码干净的解决方案之一是使用自己的标签 我不是说新的 html5 标签，如 、 、 、 ......asideheaderfootersection

例如

<div class="flex items-center justify-center p-4 rounded shadow">
   <div id="inner"> <!--  A dirty tag to prevent display flex from affecting child tags -->
      <div> somedata </div>
      <div> somedata </div>
      <div> somedata </div>
   </div>
</div>

可以替换为

<card class="flex items-center justify-center p-4 rounded shadow">
   <inner> 
      <div> somedata </div>
      <div> somedata </div>
      <div> somedata </div>
   </inner>
</card>

即使在普通的CSS自己的标签中，也使代码更加规范 例

<div class="post">
 <header>
  <div class="header__image">
   <img src="example.jpg">
  <div>
  <div class="header_details">
    ...
  </div>
 </header>
 <div class="post__content">
 </div>
 .....
</div>

它可以像

<post>
 <header>
    <picture>
       <img src="example.jpg">
    </picure>
 </header>
 <content>
 <p> something </p>
 <content>
 ...
</post>

除了旧浏览器不支持之外，是否存在任何严重的技术问题？