html踩坑-超链接中的绝对路径与相对路径

1、浏览器地址栏:网站根目录/XXX/a.jsp
如果:网页中超链接

<a href="/emp/${emp.id}">Delete</a>

则浏览器跳转地址:网站根目录/emp/数字id

如果:网站中超链接

<a href="emp/${emp.id}">Delete</a>

则浏览器跳转地址:网站根目录/XXX/emp/数字id


网站根目录与服务器目录的区别:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>员工列表</title>
<%
	pageContext.setAttribute("APP_PATH", request.getContextPath());
%>
<!-- web路径:
不以/开始的相对路径,找资源,以当前资源的路径为基准,经常容易出问题。
以/开始的相对路径,找资源,以服务器的路径为标准(http://localhost:8080);需要加上项目名
		http://localhost:8080/crud
 -->
<script type="text/javascript"
	src="${APP_PATH }/static/jquery-1.12.4/jquery.js"></script>
<link
	href="${APP_PATH }/static/bootstrap-4.1.3-dist/css/bootstrap.min.css"
	rel="stylesheet">
<script
	src="${APP_PATH }/static/bootstrap-4.1.3-dist/js/bootstrap.bundle.min.js"></script>

<link
	href="${APP_PATH }/static/font-awesome-3.2.1/css/font-awesome.min.css"
	rel="stylesheet">

</head>

 

html踩坑-坑爹的<hr/>与<hr />忽视空格问题

之前在编辑一个html页面时,想另起一行,写下一个篇章。
于是 顺手就写了 这个便签。

<hr />
#里面多了一个空格啊 ,正确的写法如下
<hr/>

然后 再 接着写后面的 文章。

等文章写完, 打开浏览器 验证 效果时,发现 布局出问题了。
然后我 分段 排查问题。最终发现,是

<hr />
# 标签里面多了一个空格引发的  布局惨案

里面的换行标签,多了一个空格,导致浏览器 无法识别。。。