<%--
  这部分是文件创建相关的注释信息，表明该文件是由IntelliJ IDEA创建的，创建者是“jhu”，创建时间是2020年10月5日22时17分，同时提示若要修改这个模板文件，可以通过“File | Settings | File Templates”这个路径去操作。
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>500</title>
    <%-- 通过JSP的指令引入公共的头部页面（header.jsp），通常在这个公共头部页面里会包含页面通用的样式表链接、JavaScript脚本引入或者一些通用的页面头部布局相关的代码等，目的是实现代码复用，让多个页面能共享这些公共部分的设置。 --%>
    <%@include file="/pages/common/header.jsp"%>
</head>
<body>
<div id="header">
    <img class="logo_img" alt="" src="static/img/logo.gif" >
    <span class="wel_word">500error</span>
    <%-- 在“header”这个div区域中，展示了一个logo图片（虽然图片的替代文本为空，可适当补充使其更友好）以及显示“500error”字样，用于提示当前页面出现的是500相关错误情况。 --%>
</div>
<div id="main">
    <table>
        <tr>
            <td style="width: 300px">HTTP状态 500 - 内部服务器错误</td>
            <%-- 在表格的第一行单元格里，明确给出提示信息，告知用户当前出现了HTTP状态码为500的内部服务器错误，让用户知晓页面无法正常显示的原因所在。 --%>
        </tr>
        <tr>
            <td>
                <a href="index.jsp" style="size: 300px;color: red">返回首页</a>
                <%-- 在表格的第二行单元格里，创建了一个超链接，链接指向“index.jsp”页面，同时设置了这个链接文字的样式，原代码中“size”属性写法不符合规范（正确的是“font-size”用于设置字号），这里按原代码注释，颜色设置为红色，引导用户点击该链接返回首页去尝试其他操作。 --%>
            </td>
        </tr>
    </table>
</div>

<!-- 这是页脚的引入 -->
<%@ include file="/pages/common/footer.jsp" %>
<%-- 此处使用JSP的指令引入公共的页脚页面（footer.jsp），一般在页脚页面里会放置诸如版权信息、联系方式、网站相关声明等页面底部通用的内容，同样是为了复用代码，保持网站各页面底部信息的一致性。 --%>
</body>
</html>