ソースにないコードが出力されてしまう

前提・実現したいこと

仮アップページを作成中に不可解な現象が発生しググったりしたのですが
類似の現象が見つからずここで質問させていただくことにしました！
一部元々のソースには入れてないコードが出力されてしまっており、
具体的には39行目と69行目のsmallタグが大枠に出てしまってるせいで
全体のフォントサイズが小さくなってしまっています。
(行数はchromeの開発者ツールから取ってるの環境によってはズレるかも…）
私は「Chrome 88.0.4324.182（投稿日、2021/2/26、時点では最新版）」を使ってますのでブラウザ固有のバグか何かかと思っていたところ
「Edge 88.0.705.74」でも「firefox 86.0」でも同様の現象が発生しております。

CSSセレクタを駆使して細かくサイズ設定を調節すれば（見た目上は）解決できそうですが、できれば避けたいのでsmallが何故に出力されてるのか原因に見当が付く方はおられませんでしょうか？

https://ictaga.com/members/okui/

発生している問題・エラーメッセージ

上述の通りです！

エラーメッセージ

該当のソースコード

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="robots" content="noindex" /><!-- この1行はサイト公開時に削除すること！ -->
	<link rel="stylesheet" href="css/index.css" type="text/css" />
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.4/css/all.css" />
	<title>医学・看護学教育センター｜滋賀医科大学</title>
	<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
	<script src="js/goto_pagetop.js"></script>
	<script src="./js/goto_pagetop.js"></script>
	<script type="text/javascript" src="//typesquare.com/3/tsst/script/ja/typesquare.js?5eaa3a37bab04a879ab647f5ac1e0217" charset="utf-8"></script>
</head>
<body>

<input type="checkbox" class="check" id="checked">
<label class="menu-btn" for="checked">
	<span class="bar top"></span>
	<span class="bar middle"></span>
	<span class="bar bottom"></span>
	<span class="menu-btn__text">MENU</span>
</label>
<label class="close-menu" for="checked"></label>
<nav class="drawer-menu">
	<ul><!-- ナビのliセットをコピーしてくること！ -->
		<li><a href="./index.html">ホーム</a></li>
		<li><a href="./message/index.html">センター長からのメッセージ</a></li>
		<li><a href="./overview/index.html">概要</a></li>
		<li><a href="./organization/index.html">組織</a></li>
		<li><a href="./activity/index.html">活動内容</li>
		<li><a href="./event/index.html">イベント情報</a></li>
		<li><a href="./lecture/index.html">講演会・FD情報></a></li>
		<li><a href="./link/index.html">リンク</a></li>
		<li><a href="./contact/index.html">連絡先・アクセス</a></li>
	</ul>
</nav>


<div id="wrapper">
<div id="sidebar">
<h1><a href="./index.html" class="logo">滋賀医科大学</a>
<a href="./index.html" class="mincho">医学・看護学教育センター<br />
<small>Medical and Nursing Education Center</small></a></h1>
<ul id="navi">
	<li><a href="./index.html">ホーム<br />
	<small>Home</small></a></li>
	<li><a href="./message/index.html">センター長からのメッセージ<br />
	<small>Message</small></a></li>
	<li><a href="./overview/index.html">概要<br />
	<small>Overview</small></a></li>
	<li><a href="./organization/index.html">組織<br />
	<small>Organization</small></a></li>
	<li><a href="./activity/index.html">活動内容<br />
	<small>Activity contents</small></a></li>
	<li><a href="./event/index.html">イベント情報<br />
	<small>Event information</small></a></li>
	<li><a href="./lecture/index.html">講演会・FD情報<br />
	<small>Lecture・FD information</small></a></li>
	<li><a href="./link/index.html">リンク<br />
	<small>Link</small></a></li>
	<li><a href="./contact/index.html">連絡先・アクセス<br />
	<small>Contact・Access</small></a></li>
</ul>
<ul class="banner">
<li><a href="http://www.shiga-med.ac.jp/~hqcnec/labo/index.html" target="_blank"><img src="img/bnr_skills.png" alt="スキルズラボ" width="300" height="126" /></a></li>
</ul>
</div><!-- /#sidebar -->

<div id="content">
<h2 class="main"><img src="img/main.png" border="0" alt="支える“看護を実現”　幅広い“医療ニーズ”に応える" width="950" height="500" /></h2>
<ul class="banner">
	<li class="students">
	<a href="./to/students.html"><img src="img/bnr_students.png" border="0" alt="学生向けの情報をお届けします。" /></a>
	</li>
	<li class="teachers">
	<a href="./to/teachers.html"><img src="img/bnr_teachers.png" border="0" alt="教員向けの情報をお届けします。" /></a>
	</li>
	<li class="public">
	<a href="./to/public.html"><img src="img/bnr_public.png" border="0" alt="一般向けの情報をお届けします。" /></a>
	</li>
</ul>
<h3>新着情報　<small>NEWS &amp; TOPICS</small></h3>
<dl class="topics">
	<dt>2020年04月09日(木)</dt>
	<dd><a href="#">令和2年度定例医学・看護学教育の開催について（中止案内）</a></dd>

	<dt>2020年04月09日(木)</dt>
	<dd><a href="#">令和2年度定例医学・看護学教育の開催について（中止案内）</a></dd>

	<dt>2020年04月09日(木)</dt>
	<dd><a href="#">令和2年度定例医学・看護学教育の開催について（中止案内）</a></dd>

	<dt>2020年04月09日(木)</dt>
	<dd><a href="#">令和2年度定例医学・看護学教育の開催について（中止案内）</a></dd>
</dl>
</div><!-- /#content -->

<div id="footer">
<ul class="under_button">
	<li><a href="http://www.shiga-med.ac.jp/~hqcnec/labo/index.html" target="_blank"><img src="img/btn_skilslabo.png" border="0" alt="スキルズラボ" width="150" height="150" /></a></li>
	<li><a href="#"><img src="img/btn_students.png" width="150" height="150" alt="学生向け" border="0" /></a></li>
	<li><a href="#"><img src="img/btn_teachers.png" width="150" height="150" alt="教員向け" border="0" /></a></li>
	<li><a href="#"><img src="img/btn_link.png" width="150" height="150" alt="リンク" border="0" /></a></li>
	<li><a href="#"><img src="img/btn_access.png" width="150" height="150" alt="連絡先・アクセス" border="0" /></a></li>
	<li><a href="#"><img src="img/btn_dummy.gif" width="150" height="150" alt="" border="0" /></a></li>
	<li><a href="#"><img src="img/btn_dummy.gif" width="150" height="150" alt="" border="0" /></a></li>
	<li><a href="#"><img src="img/btn_dummy.gif" width="150" height="150" alt="" border="0" /></a></li>
	<li><a href="#"><img src="img/btn_dummy.gif" width="150" height="150" alt="" border="0" /></a></li>
	<li><a href="#"><img src="img/btn_dummy.gif" width="150" height="150" alt="" border="0" /></a></li>
</ul>

<ul class="footer_navi">
	<li><a href="./message/index.html">センター長からのメッセージ</a></li>
	<li><a href="./overview/index.html">概要</a></li>
	<li><a href="./organization/index.html">組織</a></li>
	<li><a href="./activity/index.html">活動内容</a></li>
	<li><a href="./event/index.html">イベント情報</a></li>
	<li><a href="./lecture/index.html">講演会・FD情報</a></li>
</ul>
<small class="copyright">Copyright &copy; 2020 医学・看護学教育センター Corporation. All Rights Reserved.</small>

<p class="pagetop">
	<div id="page_top"><a href="#"></a></div>
</p>

</div><!-- /#footer -->
</div><!-- /#wrapper -->
</body>

<script>
$(document).ready(function() {
  var pagetop = $('.pagetop');
    $(window).scroll(function () {
       if ($(this).scrollTop() > 100) {
            pagetop.fadeIn();
       } else {
            pagetop.fadeOut();
            }
       });
       pagetop.click(function () {
           $('body, html').animate({ scrollTop: 0 }, 500);
              return false;
   });
});

/* スムーススクロール関連 */
$(function(){
  $('a[href^="#"]').click(function(){
    var speed = 500;
    var href= $(this).attr("href");
    var target = $(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top;
    $("html, body").animate({scrollTop:position}, speed, "swing");
    return false;
  });
});

//ページトップへのスクロール
$('#pagetop').click(function () {
	//id名#pagetopがクリックされたら、以下の処理を実行
	$("html,body").animate({scrollTop:0},"300");
});
//ページトップの出現
$('#pagetop').hide();
	$(window).scroll(function () {
	if($(window).scrollTop() > 0) {
	$('#pagetop').slideDown(600);
	} else {
	$('#pagetop').slideUp(600);
	}
});
//ホバーイベント
$("#pagetop").mouseover(function(){
	$(this).animate({
	bottom:"0px"
	},300);
});
$("#pagetop").mouseout(function(){
	$(this).animate({
	bottom:"-60px"
	},300);
});
</script>
</html>

試したこと

Chrome 88.0.4324.182
Edge 88.0.705.74
Firefox 86.0
・・上記3ブラウザでの同ページの表示確認

補足情報（FW/ツールのバージョンなど）

HTMLエディタはEZ-HTMLとDreamweaver CS5が使える環境です！

tetsunosuke

2021/02/26 05:41

URLを閲覧しようとしてもパスワードの入力を求められて閲覧できず、状況の詳細が確認できません。何らかの再現可能な方法をご提示お願いします。あと、タイトルの【怪現象】はあまり適切ではないかと。どのような予想外の事象も当人にとっては怪現象ですからね...

Tomokui

2021/02/26 05:52

検索エンジンにかかってしまったのでベーシック認証をかけたのを忘れてました…。 id:admin パスワード：ic7335 で試してみてください！

tetsunosuke

2021/02/26 05:59

<li><a href="./activity/index.html">活動内容</li> 予想の一つですが、このように、タグの閉じに矛盾が存在します。そのため、Chromeの解釈がおかしくなるのではないでしょうか。どこかで使ったsmallの影響がそういう形で出ている気がします。まずは対応関係をすべて洗ってください。

m.ts10806

2021/02/26 06:01

ベーシック認証世界中からアクセス可能な場所に出してしまって良いものか

m.ts10806

2021/02/26 06:02

いずれにしても「ページ見て」じゃなく「コード見て」にしてください。コードを質問に追記を。また、エディタの併用はどういう理由からでしょうか。

Tomokui

2021/03/01 01:19

いや、エディタを二つ記載したのはそれらが使える環境と技量がありますよって言いたかっただけです。別に何か意図があって使い分けてるわけではありません。コードはこれから追加します！

Tomokui

2021/03/01 01:23

コードも追加し終わりました！

Tomokui

2021/03/01 01:30

ベーシック認証の件は私も悩むところです…。

m.ts10806

2021/03/01 01:42

URLとコメントで投稿した情報削除、で良いかと。ただ編集した質問は履歴から見れるのでマズイのなら運営に相談を。あたりざわりない内容に書き換えてもらえるか確認してください

Tomokui

2021/03/01 02:25

ご協力、ありがとうございました！コードの見直しで件名の現象は改善できたようです！

m.ts10806

2021/03/01 02:46

あら、ベーシックの件、対応しないまま終わりですか。ユーザーとパスワードが全世界からアクセスできる場所に公開されているということに危機感はないと。まあ困るのはご自身なので私は構いませんが、なにかあってもteratailや回答者には責任は問えないのでご注意を。

dit.

2021/03/01 05:09 編集

せめて2021/02/26 14:52のこの欄への書き込みだけでも編集して見られないようにしてください。もしくは認証のIDやパスを変更してください。質問、回答と違ってこの欄の編集履歴は見られなかったはずですので。

行動規範の内容に同意します

回答4件

まずはLintツールでチェックを。

オンラインのツールもあります。（例１）（例２）
エディタによっては拡張機能などでエラーチェックをしてくれるものもあるはずです。

とりあえずAnother HTML-lint 5で確かめてみました。
開始タグと閉じタグの整合性が取れていないものをコメントで指摘しておきます。

html
1<nav class="drawer-menu">
2	<ul>
3	<li><a href="./index.html">ホーム</a></li>
4	<li><a href="./message/index.html">センター長からのメッセージ</a></li>
5	<li><a href="./overview/index.html">概要</a></li>
6	<li><a href="./organization/index.html">組織</a></li>
7	<li><a href="./activity/index.html">活動内容</li><!-- </a>が無い -->
8	<li><a href="./event/index.html">イベント情報</a></li>
9	<li><a href="./lecture/index.html">講演会・FD情報<br />
10	<small>Lecture・FD information</a></li><!-- </small>が無い -->
11	<li><a href="./link/index.html">リンク</a></li>
12	<li><a href="./contact/index.html">連絡先・アクセス</a></li>
13	</ul>
14</nav>
15
16
17<div id="wrapper">
18<div id="sidebar">
19<h1><a href="./index.html" class="logo">滋賀医科大学</a>
20<a href="./index.html" class="mincho">医学・看護学教育センター<br />
21<small>Medical and Nursing Education Center</small></a></h1>
22<ul id="navi">
23	<li><a href="./index.html">ホーム<br />
24	<small>Home</small></a></li>
25	<li><a href="./message/index.html">センター長からのメッセージ<br />
26	<small>Message</small></a></li>
27	<li><a href="./overview/index.html">概要<br />
28	<small>Overview</small></a></li>
29	<li><a href="./organization/index.html">組織<br />
30	<small>Organization</small></a></li>
31	<li><a href="./activity/index.html">活動内容<br />
32	<small>Activity contents</small></a></li>
33	<li><a href="./event/index.html">イベント情報<br />
34	<small>Event information</small></a></li>
35	<li><a href="./lecture/index.html">講演会・FD情報<br />
36	<small>Lecture・FD information</a></li><!-- </small>が無い -->
37	<li><a href="./link/index.html">リンク<br />
38	<small>Link</small></a></li>
39	<li><a href="./contact/index.html">連絡先・アクセス<br />
40	<small>Contact・Access</small></a></li>
41</ul>

他にも<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">と宣言しているのに<nav>を使ってたりとか気になるところが少しありますがまずは閉じタグの見直しをしてみてください。

投稿2021/02/26 07:18

dit.

総合スコア3235