本文讲述了作者在网页开发中遇到的字体高亮问题，通过查看源代码、HTML标签检查和代码修正，详细介绍了如何在Thymeleaf模板中实现文本高亮的方法。
问题描述：无法在网页上实现字体高亮。
以下是我写的html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/search" method="post">
关键字:<input type="text" name="name"/>
<input type="submit" value="查询">
</form>
<table>
<tr>
<td>id</td>
<td>名称</td>
<td>价格</td>
<td>数量</td>
</tr>
<tr th:each="g:${goods}">
<td th:text="${g.id}">id</td>
<td th:text="${g.name}">名称</td>
<td th:text="${g.price}">价格</td>
<td th:text="${g.count}">数量</td>
</tr>
</table>
</body>
</html>
1：查看网页源代码，右键选择查看
在这里可以发现字体并没有实现高亮转换
2查看HTML标签，发现少添加***u***。（给高亮部分，因未在HTML标签中添加u导致页面无法展示出预期效果）
3.重新运行一下工程，刷新网页源代码，这时候已经修正。
在此，希望对各位读者有所帮助。
扫一扫
1752
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
