質問編集履歴

3

要約して編集

2021/09/30 16:31

投稿

hence
hence

スコア6

test CHANGED
File without changes
test CHANGED
@@ -122,196 +122,10 @@
122
122
 
123
123
 
124
124
 
125
- ●9月29日 追記致しました。
126
125
 
127
- ご回答いただき、本当に助かります。感謝致します。
128
126
 
129
127
  不正アクセス等は考えておりませんので、ご安心下さい。
130
128
 
131
- 以下の質問は、Google Chrome検証表示されたDOMツリー構造のどの部分をピックアップして説明すればプログラミングの知識の無い方に「メンテナンス中」のページを表示する為のソースコードある事をご理解いただけるかという趣旨の質問です。何卒宜しくお願い致します。
129
+ 質問文が長くなりすぎましたので、ここ区切らせていただます。
132
130
 
133
-
134
-
135
- 質問あ
136
-
137
- 添付画像のDOMツリーの内容の下から5行目及び6行目には、「<!-- Coming Soon Page and Maintenance Mode by SeedProd. Learn more: http://www.seedprod.com -->」と書いてありますが、
138
-
139
- その記述はBODYに書かれており、プラグインの名前として書かれているのだから、「Coming Soon Page and Maintenance Mode」のページを表示せよ(<!--Coming Soon~ seedprod.com -->の文字はウェブページに非表示であるが、「Coming Soon Page and Maintenance Mode(メンテナンス中)」のウェブページ自体は表示せよ)との理解で間違いないでしょうか? 「<!-- -->」で囲まれていても、単なるコメントアウト(覚書)ではないとの理解でよろしいでしょうか?
140
-
141
- 「<!-- -->」を検索しても、コメントアウト(覚書)であるとの解説のサイトしかヒットしませんので、『DOMツリーの内容の下から5行目及び6行目の<!-- -->で囲まれた<!--Coming Soon~ seedprod.com -->の文字はウェブページに非表示であるが、「Coming Soon Page and Maintenance Mode(メンテナンス中)」のウェブページ自体は表示せよ』というソースコードであることを理解していただく為の解説(<!-- -->のコメントアウト以外の意味)が載ったサイトや本があれば教えていただけないでしょうか?
142
-
143
-
144
-
145
- 質問い
146
-
147
- 添付画像は、Google Chromeのブラウザの右クリックメニューの「検証」をクリックして表示したHTML要素のDOMツリーの内容の<head>部分及び<body>部分の▼をクリックして展開したものですが、2行目(<DOCUTYPE html>の記述の下)の<html class="no-js seed-csp4" lang="en">をみると、プログラミング知識のない方がその記述部分だけを見れば、「ブラウザのJavaScriptが無効の時だけseed-cspを表示するならば、ブラウザのJavaScriptが有効ならば、seed-csp4を表示しないのだろう」と考える方がいると思うのです。
148
-
149
- この場合、プログラミング知識のない方に『ブラウザ側の JavaScript の有効/無効に関係なく「メンテナンス中」の画面(seed-csp4)が表示される』ことを理解していただくには、添付画像のDOMツリーの内容のどの部分(以下のA,B,C)を指し示して理解していただけばよいのでしょうか?
150
-
151
- あるいは、以下に記した「D:ソースコードの<head>の中の </style>部分」の中の.seed-csp4 h1, .seed-csp4 h2, .seed-csp4 h3, .seed-csp4 h4, .seed-csp4 h5, .seed-csp4 h6を説明し、それらの記述が「<!-- Coming Soon Page and Maintenance Mode by SeedProd」であることを理解していただくしか方法が無いのでしょうか?
152
-
153
- <html class="no-js seed-csp4" lang="en">の記述だけで「ブラウザ側の JavaScript の有効/無効に関係なくメンテナンス中の画面(seed-csp4)が表示される」ことを理解していただくことは不可能なのでしょうか?(私としましては、<html class="no-js seed-csp4" lang="en">の記述だけをうまく説明して、『ブラウザ側の JavaScript の有効/無効に関係なく「メンテナンス中」の画面(seed-csp4)が表示されることを理解していただきたいとの考えです。)
154
-
155
-
156
-
157
-
158
-
159
- 質問う
160
-
161
- 最下部に記した「Modernizrでno-jsを削除」に関する各サイトにかかる一、二、三、四のリンク先のページで説明することによって、2行目の(<DOCUTYPE html>の記述の下)の<html class="no-js seed-csp4" lang="en">の内容が、「ブラウザのJavaScriptが有効、無効にかかわらず、seed-cspのcoming-soon pageを表示する」ことを理解していただけるでしょうか?
162
-
163
-
164
-
165
-
166
-
167
- A:添付画像のDOMツリーの内容の下から5~6行目
168
-
169
- <!-- Coming Soon Page and Maintenance Mode by SeedProd. Learn more: http://www.seedprod.com -->
170
-
171
-
172
-
173
-
174
-
175
- B:添付画像のDOMツリーの内容の7行目から11行目
176
-
177
-
178
-
179
- <!-- Bootstrap and default Style -->
180
-
181
- <link rel="stylesheet" href="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/bootstrap/css/bootstrap.min.css">
182
-
183
- <link rel="stylesheet" href="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/style.css">
184
-
185
-
186
-
187
- C:添付画像のDOMツリーの内容の13行目から22行目
188
-
189
-
190
-
191
- <!-- JS -->
192
-
193
- <script src="http://monopowers.com/profile/wordpress/wp-includes/js/jquery/jquery.js"></script>
194
-
195
- <script src="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/bootstrap/js/bootstrap.js"></script>
196
-
197
- <script src="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/js/script.js"></script>
198
-
199
- <!-- Modernizr -->
200
-
201
- <script src="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/js/modernizr.min.js"></script>
202
-
203
-
204
-
205
- D:ソースコードの<head>の中の </style>部分
206
-
207
- <head>
208
-
209
- <meta charset="utf-8">
210
-
211
- <title>Nothing found for Wp Archives 166493</title>
212
-
213
-
214
-
215
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
216
-
217
-
218
-
219
-
220
-
221
- <!-- Bootstrap and default Style -->
222
-
223
- <link rel="stylesheet" href="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/bootstrap/css/bootstrap.min.css">
224
-
225
- <link rel="stylesheet" href="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/style.css">
226
-
227
- <style type="text/css">
228
-
229
- /* calculated styles */
230
-
231
-
232
-
233
- /* Background Style */
234
-
235
- html{
236
-
237
- height:100%;
238
-
239
- background: #fafafa;
240
-
241
- }
242
-
243
- .seed-csp4 body{
244
-
245
- height:100%;
246
-
247
- background: transparent;
248
-
249
- }
250
-
251
-
252
-
253
-
254
-
255
-
256
-
257
- /* Text Styles */
258
-
259
- .seed-csp4 body{
260
-
261
- font-family: Helvetica, Arial, sans-serif }
262
-
263
-
264
-
265
- .seed-csp4 h1, .seed-csp4 h2, .seed-csp4 h3, .seed-csp4 h4, .seed-csp4 h5, .seed-csp4 h6{
266
-
267
- font-family: Helvetica, Arial, sans-serif }
268
-
269
-
270
-
271
- .seed-csp4 body{
272
-
273
- color:#666666;
274
-
275
- }
276
-
277
-
278
-
279
-
280
-
281
-
282
-
283
- .seed-csp4 h1, .seed-csp4 h2, .seed-csp4 h3, .seed-csp4 h4, .seed-csp4 h5, .seed-csp4 h6{
284
-
285
- color:#444444;
286
-
287
- }
288
-
289
-
290
-
291
-
292
-
293
- .seed-csp4 a, .seed-csp4 a:visited, .seed-csp4 a:hover, .seed-csp4 a:active{
294
-
295
- color:#27AE60;
296
-
297
- }
298
-
299
-
300
-
301
-
302
-
303
-       </style>
304
-
305
-
306
-
307
-
308
-
309
- 「Modernizrでno-jsを削除」に関する各サイト
310
-
311
- 一、「第68回 Modernizr.jsでCSS3やHTML5を条件分岐」http://coding-factory.com/cm/cm68.html
312
-
313
- 二、「Modernizr(モダナイザー)とは」https://qiita.com/puripuri_corgi/items/912c4a8171866fe6089d
314
-
315
- 三、「JavaScriptを使用せずにJS無効時用のCSSを適用」(https://iwb.jp/javascript-noscript-css/)
316
-
317
- 四、「スクリプトが無効の場合のスタイル」(https://terkel.jp/archives/2012/07/styles-for-noscript/)
131
+ ご回答いただき、本当に助かりました。感謝致します。

2

DOMツリーコード

2021/09/30 16:31

投稿

hence
hence

スコア6

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,5 @@
1
+ ![イメージ説明](858f1d5a9f673af927842bbf96bbf12d.jpeg)
2
+
1
3
  https://teratail.com/questions/361312?modal=q-comp# において質問させていただいた件に関して、新たに本ページにてい質問させていただきたく、お願いいたします。
2
4
 
3
5
 

1

DOMツリーの「メンテナンス中」のページを表示する為のソースコードの記載箇所

2021/09/29 14:17

投稿

hence
hence

スコア6

test CHANGED
File without changes
test CHANGED
@@ -117,3 +117,199 @@
117
117
  RewriteRule ^.*$ - [R=503,L]
118
118
 
119
119
  </IfModule>
120
+
121
+
122
+
123
+ ●9月29日 追記致しました。
124
+
125
+ ご回答いただき、本当に助かります。感謝致します。
126
+
127
+ 不正アクセス等は考えておりませんので、ご安心下さい。
128
+
129
+ 以下の質問は、Google Chromeの検証で表示されたDOMツリー構造のどの部分をピックアップして説明すれば、プログラミングの知識の無い方に「メンテナンス中」のページを表示する為のソースコードである事をご理解いただけるかという趣旨の質問です。何卒宜しくお願い致します。
130
+
131
+
132
+
133
+ 質問あ
134
+
135
+ 添付画像のDOMツリーの内容の下から5行目及び6行目には、「<!-- Coming Soon Page and Maintenance Mode by SeedProd. Learn more: http://www.seedprod.com -->」と書いてありますが、
136
+
137
+ その記述はBODYに書かれており、プラグインの名前として書かれているのだから、「Coming Soon Page and Maintenance Mode」のページを表示せよ(<!--Coming Soon~ seedprod.com -->の文字はウェブページに非表示であるが、「Coming Soon Page and Maintenance Mode(メンテナンス中)」のウェブページ自体は表示せよ)との理解で間違いないでしょうか? 「<!-- -->」で囲まれていても、単なるコメントアウト(覚書)ではないとの理解でよろしいでしょうか?
138
+
139
+ 「<!-- -->」を検索しても、コメントアウト(覚書)であるとの解説のサイトしかヒットしませんので、『DOMツリーの内容の下から5行目及び6行目の<!-- -->で囲まれた<!--Coming Soon~ seedprod.com -->の文字はウェブページに非表示であるが、「Coming Soon Page and Maintenance Mode(メンテナンス中)」のウェブページ自体は表示せよ』というソースコードであることを理解していただく為の解説(<!-- -->のコメントアウト以外の意味)が載ったサイトや本があれば教えていただけないでしょうか?
140
+
141
+
142
+
143
+ 質問い
144
+
145
+ 添付画像は、Google Chromeのブラウザの右クリックメニューの「検証」をクリックして表示したHTML要素のDOMツリーの内容の<head>部分及び<body>部分の▼をクリックして展開したものですが、2行目(<DOCUTYPE html>の記述の下)の<html class="no-js seed-csp4" lang="en">をみると、プログラミング知識のない方がその記述部分だけを見れば、「ブラウザのJavaScriptが無効の時だけseed-cspを表示するならば、ブラウザのJavaScriptが有効ならば、seed-csp4を表示しないのだろう」と考える方がいると思うのです。
146
+
147
+ この場合、プログラミング知識のない方に『ブラウザ側の JavaScript の有効/無効に関係なく「メンテナンス中」の画面(seed-csp4)が表示される』ことを理解していただくには、添付画像のDOMツリーの内容のどの部分(以下のA,B,C)を指し示して理解していただけばよいのでしょうか?
148
+
149
+ あるいは、以下に記した「D:ソースコードの<head>の中の </style>部分」の中の.seed-csp4 h1, .seed-csp4 h2, .seed-csp4 h3, .seed-csp4 h4, .seed-csp4 h5, .seed-csp4 h6を説明し、それらの記述が「<!-- Coming Soon Page and Maintenance Mode by SeedProd」であることを理解していただくしか方法が無いのでしょうか?
150
+
151
+ <html class="no-js seed-csp4" lang="en">の記述だけで「ブラウザ側の JavaScript の有効/無効に関係なくメンテナンス中の画面(seed-csp4)が表示される」ことを理解していただくことは不可能なのでしょうか?(私としましては、<html class="no-js seed-csp4" lang="en">の記述だけをうまく説明して、『ブラウザ側の JavaScript の有効/無効に関係なく「メンテナンス中」の画面(seed-csp4)が表示されることを理解していただきたいとの考えです。)
152
+
153
+
154
+
155
+
156
+
157
+ 質問う
158
+
159
+ 最下部に記した「Modernizrでno-jsを削除」に関する各サイトにかかる一、二、三、四のリンク先のページで説明することによって、2行目の(<DOCUTYPE html>の記述の下)の<html class="no-js seed-csp4" lang="en">の内容が、「ブラウザのJavaScriptが有効、無効にかかわらず、seed-cspのcoming-soon pageを表示する」ことを理解していただけるでしょうか?
160
+
161
+
162
+
163
+
164
+
165
+ A:添付画像のDOMツリーの内容の下から5~6行目
166
+
167
+ <!-- Coming Soon Page and Maintenance Mode by SeedProd. Learn more: http://www.seedprod.com -->
168
+
169
+
170
+
171
+
172
+
173
+ B:添付画像のDOMツリーの内容の7行目から11行目
174
+
175
+
176
+
177
+ <!-- Bootstrap and default Style -->
178
+
179
+ <link rel="stylesheet" href="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/bootstrap/css/bootstrap.min.css">
180
+
181
+ <link rel="stylesheet" href="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/style.css">
182
+
183
+
184
+
185
+ C:添付画像のDOMツリーの内容の13行目から22行目
186
+
187
+
188
+
189
+ <!-- JS -->
190
+
191
+ <script src="http://monopowers.com/profile/wordpress/wp-includes/js/jquery/jquery.js"></script>
192
+
193
+ <script src="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/bootstrap/js/bootstrap.js"></script>
194
+
195
+ <script src="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/js/script.js"></script>
196
+
197
+ <!-- Modernizr -->
198
+
199
+ <script src="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/js/modernizr.min.js"></script>
200
+
201
+
202
+
203
+ D:ソースコードの<head>の中の </style>部分
204
+
205
+ <head>
206
+
207
+ <meta charset="utf-8">
208
+
209
+ <title>Nothing found for Wp Archives 166493</title>
210
+
211
+
212
+
213
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
214
+
215
+
216
+
217
+
218
+
219
+ <!-- Bootstrap and default Style -->
220
+
221
+ <link rel="stylesheet" href="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/bootstrap/css/bootstrap.min.css">
222
+
223
+ <link rel="stylesheet" href="http://monopowers.com/profile/wordpress/wp-content/plugins/coming-soon/themes/default/style.css">
224
+
225
+ <style type="text/css">
226
+
227
+ /* calculated styles */
228
+
229
+
230
+
231
+ /* Background Style */
232
+
233
+ html{
234
+
235
+ height:100%;
236
+
237
+ background: #fafafa;
238
+
239
+ }
240
+
241
+ .seed-csp4 body{
242
+
243
+ height:100%;
244
+
245
+ background: transparent;
246
+
247
+ }
248
+
249
+
250
+
251
+
252
+
253
+
254
+
255
+ /* Text Styles */
256
+
257
+ .seed-csp4 body{
258
+
259
+ font-family: Helvetica, Arial, sans-serif }
260
+
261
+
262
+
263
+ .seed-csp4 h1, .seed-csp4 h2, .seed-csp4 h3, .seed-csp4 h4, .seed-csp4 h5, .seed-csp4 h6{
264
+
265
+ font-family: Helvetica, Arial, sans-serif }
266
+
267
+
268
+
269
+ .seed-csp4 body{
270
+
271
+ color:#666666;
272
+
273
+ }
274
+
275
+
276
+
277
+
278
+
279
+
280
+
281
+ .seed-csp4 h1, .seed-csp4 h2, .seed-csp4 h3, .seed-csp4 h4, .seed-csp4 h5, .seed-csp4 h6{
282
+
283
+ color:#444444;
284
+
285
+ }
286
+
287
+
288
+
289
+
290
+
291
+ .seed-csp4 a, .seed-csp4 a:visited, .seed-csp4 a:hover, .seed-csp4 a:active{
292
+
293
+ color:#27AE60;
294
+
295
+ }
296
+
297
+
298
+
299
+
300
+
301
+       </style>
302
+
303
+
304
+
305
+
306
+
307
+ 「Modernizrでno-jsを削除」に関する各サイト
308
+
309
+ 一、「第68回 Modernizr.jsでCSS3やHTML5を条件分岐」http://coding-factory.com/cm/cm68.html
310
+
311
+ 二、「Modernizr(モダナイザー)とは」https://qiita.com/puripuri_corgi/items/912c4a8171866fe6089d
312
+
313
+ 三、「JavaScriptを使用せずにJS無効時用のCSSを適用」(https://iwb.jp/javascript-noscript-css/)
314
+
315
+ 四、「スクリプトが無効の場合のスタイル」(https://terkel.jp/archives/2012/07/styles-for-noscript/)