diff --git a/templates/plist.html b/templates/plist.html
index 453d002..6fb6079 100644
--- a/templates/plist.html
+++ b/templates/plist.html
@@ -7,7 +7,7 @@
 <style>
 .avatar {transition: 0.8s;}
 .avatar:hover {transform: scale(1.15) rotate(360deg);}
-h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;font-family:Monaco;}
+.blogTitle{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;font-family:Monaco;}
 .title-right{display:flex;margin:auto 0 0 auto;}
 .title-right button{margin-right:8px;padding:16px;}
 
@@ -26,7 +26,7 @@ h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-
 
 @media (max-width: 767px) {
     body { padding: 8px;}
-    h1 a:not([href]){font-size:24px;}
+    .blogTitle{font-size:24px;}
     .subnav-search form{display:none;}
     .subnav-search svg{display:none;}
     #buttonRSS{display:none;}
@@ -38,7 +38,7 @@ h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-
 {% block header %}
 <h1>
     <img src="{{ blogBase['avatarUrl'] }}" size="64" height="64" width="64" class="avatar circle" id="avatarImg">
-    <a>{{ blogBase['displayTitle'] }}</a>
+    <a class="blogTitle">{{ blogBase['displayTitle'] }}</a>
 </h1>
 <div class="title-right">
     <div class="subnav-search">
diff --git a/templates/post.html b/templates/post.html
index fcf5cf8..73a2f4a 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -7,7 +7,7 @@
 
 {% block style %}
 <style>
-h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;}
+.postTitle{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;}
 a.heading-link{color:inherit;text-decoration:none;}
 .title-right{display:flex;margin:auto 0 0 auto;}
 .title-right .circle{padding: 14px 16px;margin-right:8px;}
@@ -16,14 +16,17 @@ a.heading-link{color:inherit;text-decoration:none;}
 #cmButton{height:48px;margin-top:48px;}
 #comments{margin-top:64px;}
 .g-emoji{font-size:24px;}
-@media (max-width: 767px) {body {padding: 8px;}}
+@media (max-width: 767px) {
+    body {padding: 8px;}
+    .postTitle{font-size:24px;}
+}
 </style>
 {{ blogBase['style'] }}
 
 {% endblock %}
 {% block header %}
 <h1>
-    <a>{{ blogBase['postTitle'] }}</a>
+    <a class="postTitle">{{ blogBase['postTitle'] }}</a>
 </h1>
 <div class="title-right">
 
diff --git a/templates/tag.html b/templates/tag.html
index 6f4960c..6e64cb4 100644
--- a/templates/tag.html
+++ b/templates/tag.html
@@ -5,7 +5,7 @@
 
 {% block style %}
 <style>
-h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;font-family:Monaco;}
+.tagTitle{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;font-family:Monaco;}
 .title-right{display:flex;margin:auto 0 0 auto;}
 .title-right .circle{padding: 14px 16px;margin-right:8px;}
 
@@ -156,10 +156,13 @@ function updateShowTag(label){
 function setClassDisplay(lable) {
     let lists = document.getElementsByClassName("lists");
     let tagTitle = document.getElementsByClassName("tagTitle")[0];
-    tagTitle.innerHTML="Tag - "+lable;
-    
-    if(lable=="All"){for(let i = 0; i < lists.length; i++){lists[i].style.display='block';}}
+
+    if(lable=="All"){
+        tagTitle.innerHTML="Tag";
+        for(let i = 0; i < lists.length; i++){lists[i].style.display='block';}
+    }
     else{
+        tagTitle.innerHTML="Tag - "+lable;
         for(let i = 0; i < lists.length; i++){
             lists[i].style.display='none';
         }