Chromeの画面に何も表示されない

#困っていること
jQuery mobileでリストビューとスライドパネルを組み合わせたプログラムを作っているのですが、ある一文を追加したらchromeの画面に何も表示されなくなり困っています。
#該当のソースコード (追加後)

で囲っている部分が追加部分です。

HTML
1<!doctype html><html lang="ja">
2<head>
3<body>My Page</body>
4
5<meta http-equiv="Content-type"content="text/html; charset=UTF-8">
6<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8
9 <meta name="viewport" content="width=device-width,initial-scale=1">
10  <link rel="stylesheet"
11  href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
12<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
13<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js">
14</script>
15</head>
16
17
18<!--#page_area-->
19<div data-role="page">
20    
21<!--追加部分始まり-->
22  <div id="popup" data-role="popup">
23    <h3>このサイトについて</h3>
24
25    <p>プログラミング言語を紹介するサイトです</p>
26    <!--パネルを閉じるためのリンクボタン -->
27    <a href="#" data-rel="popup"
28      class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-left">閉じる</a>
29  <!--追加部分終わり-->
30
31<!--#header_area-->
32 <div data-role="header" data-theme="b">
33
34  <div align="center">プログラミング言語</div>
35
36 </div>
37
38
39<!--#content_area-->
40<div data-role="controlgroup">
41
42
43<div class="content-primary main-content">
44<div role="main" class="ui-content">
45
46    
47     <a href="#panel" class="ui-btn ui-icon-info ui-btn-icon-left">このサイトについて</a>
48    </div>
49    
50    <h3>言語一覧</h3>
51    
52<ul data-role="listview">
53                 <li><a href="sample1-1p.html">
54                          
55                          <h3>Python</h3>
56                          
57                 </a></li>
58
59                 <li><a href="リンクしたいＵＲＬまたは、ファイル名を入れてください">
60                          
61                          <h3>java</h3>
62                          
63                 </a></li>
64    </div></div>
65
66
67<!--#footer_area-->
68<div data-role="footer">
69<div align="center">プログラミング言語</div>
70</div>
71

#追加前

HTML
1<!doctype html><html lang="ja">
2<head>
3<body>My Page</body>
4
5<meta http-equiv="Content-type"content="text/html; charset=UTF-8">
6<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8
9 <meta name="viewport" content="width=device-width,initial-scale=1">
10  <link rel="stylesheet"
11  href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
12<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
13<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js">
14</script>
15</head>
16
17
18<!--#page_area-->
19<div data-role="page">
20    
21 
22
23<!--#header_area-->
24 <div data-role="header" data-theme="b">
25
26  <div align="center">プログラミング言語</div>
27
28 </div>
29
30
31<!--#content_area-->
32<div data-role="controlgroup">
33
34
35<div class="content-primary main-content">
36<div role="main" class="ui-content">
37
38    
39     <a href="#panel" class="ui-btn ui-icon-info ui-btn-icon-left">このサイトについて</a>
40    </div>
41    
42    <h3>言語一覧</h3>
43    
44<ul data-role="listview">
45                 <li><a href="sample1-1p.html">
46                          
47                          <h3>Python</h3>
48                          
49                 </a></li>
50
51                 <li><a href="リンクしたいＵＲＬまたは、ファイル名を入れてください">
52                          
53                          <h3>java</h3>
54                          
55                 </a></li>
56    </div></div>
57
58
59<!--#footer_area-->
60<div data-role="footer">
61<div align="center">プログラミング言語</div>
62</div>
63
64コード

#Google Chromeでの表示 (追加前)

#追加した一文

HTML
1<!--追加部分始まり-->
2 <div id="popup" data-role="popup">
3    <h3>このサイトについて</h3>
4
5    <p>プログラミング言語を紹介するサイトです</p>
6    <!--パネルを閉じるためのリンクボタン -->
7    <a href="#" data-rel="popup"
8      class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-left">閉じる</a>
9 <!--追加部分終わり-->

#参考webサイト
Panelウィジェットで左右からスライド表示するには？

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

回答2件

ベストアンサー

閉じタグが足りない気がします。
最後に</div>追加で直りませんか？

<!--追加部分始まり-->
  <div id="popup" data-role="popup">
    <h3>このサイトについて</h3>

    <p>プログラミング言語を紹介するサイトです</p>
    <!--パネルを閉じるためのリンクボタン -->
    <a href="#" data-rel="popup"
      class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-left">閉じる</a>
　</div>
  <!--追加部分終わり-->

投稿2020/07/10 07:50