关于编写html项目的一些注意点

1. 在实现点击事件跳转页面时，要注意controller中的命令，保证前后一致。且在跳转时，要加以th:“@{/…}”实现替换
   例如：

<li class="menu-item-has-children active dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-table"></i>社区管理</a>
    <ul class="sub-menu children dropdown-menu">
         <li><i class="fa fa-table"></i><a href="admin_tables-data.html" th:href="@{/admin/admin_users_info}">居民信息管理</a></li>
         <li><i class="fa fa-table"></i><a href="#" th:href="@{/fee/admin_fee_info}">居民缴费管理</a></li>
         <li><i class="fa fa-table"></i><a href="#" th:href="@{/order/admin_orders_info}">物资订单管理</a></li>
     </ul>
</li>

2.在html中加入视频时，url要指定播放器，并找到视频id进行跳转，可以实现播放/全屏/跳转至视频网页
例如：

<div class="timeline-item">
    <p>
      <a href="#">抗疫在路上 <i class="fa fa-video-camera bg-maroon"></i> </a>
    </p>
    <div class="timeline-body">
         <div class="embed-responsive embed-responsive-16by9">
         <iframe class="embed-responsive-item" src="http://player.youku.com/embed/XNDcyMDMwOTY5Ng==" frameborder="1"></iframe>
         </div>
    </div>
</div>

3.两种常用的设置图片大小的方法
1)<类型 style=“width: 750px;height: 430px”/>
2)<类型 width=“60%” height="60%>
例如：

<a th:href="@{/active/tai}">
      <img src="../../static/images/tai2.jpg" th:src="@{/images/tai2.jpg}" width="60%" height="60%/>
</a>

<a th:href="@{/active/tai}">
      <img src="../../static/images/tai2.jpg" th:src="@{/images/tai2.jpg}" style="width: 750px;height: 430px"/>
</a>