質問編集履歴
6
追記致します。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
<html class="no-js seed-csp4" lang="en">の記述の中の「seed-csp4」はあくまでCSSの表示のスタイルを表すクラス名であり、極端な話、どの様なクラス名でも任意で付けることが可能だから、<html class="no-js seed-csp4" lang="en">の記述のみをもって、「メンテナンス中」の画面（ワードプレスのメンテナンスモード）が表示されていることを説明することは出来ないとの解釈で正解でしょうか？
|
|
76
76
|
|
|
77
77
|
質問B
|
|
78
|
-
もし、質問Aの解釈が正解なら、このウェブページがワードプレスのメンテナンスモードを使用している事を簡潔に説明するのに、以下の①（質問文の中の「D:ソースコードの<head>の中の </style>部分
|
|
78
|
+
もし、質問Aの解釈が正解なら、このウェブページがワードプレスのメンテナンスモードを使用している事を簡潔に説明するのに、以下の①（質問文の中の「D:ソースコードの<head>の中の </style>部分」の/* Background Style */の下の記述）及び②(h1 id 及びdiv id)を使って説明するしかないと思いますが、この考えは正解でしょうか？（厳密に説明するならば、/* Text Styles */の下のフォントの種類やh1～h6の見出しタグも説明する必要がありますが、簡潔に説明する為にそれらの説明を省き、①の説明には「bodyのheightを100％にしても広がらない」
|
|
79
79
|
【https://at.sachi-web.com/blog-entry-1369.html】を使用）
|
|
80
80
|
|
|
81
81
|
①
|
5
追記致します。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
<html class="no-js seed-csp4" lang="en">の記述の中の「seed-csp4」はあくまでCSSの表示のスタイルを表すクラス名であり、極端な話、どの様なクラス名でも任意で付けることが可能だから、<html class="no-js seed-csp4" lang="en">の記述のみをもって、「メンテナンス中」の画面（ワードプレスのメンテナンスモード）が表示されていることを説明することは出来ないとの解釈で正解でしょうか？
|
|
76
76
|
|
|
77
77
|
質問B
|
|
78
|
-
もし、質問Aの解釈が正解なら、このウェブページがワードプレスのメンテナンスモードを使用している事を簡潔に説明するのに、以下の①（質問文の中の「D:ソースコードの<head>の中の </style>部分
|
|
78
|
+
もし、質問Aの解釈が正解なら、このウェブページがワードプレスのメンテナンスモードを使用している事を簡潔に説明するのに、以下の①（質問文の中の「D:ソースコードの<head>の中の </style>部分中の/* Background Style */の下の記述）及び②(h1 id 及びdiv id)を使って説明するしかないと思いますが、この考えは正解でしょうか？（厳密に説明するならば、/* Text Styles */の下のフォントの種類やh1～h6の見出しタグも説明する必要がありますが、簡潔に説明する為にそれらの説明を省き、①の説明には「bodyのheightを100％にしても広がらない」
|
|
79
79
|
【https://at.sachi-web.com/blog-entry-1369.html】を使用）
|
|
80
80
|
|
|
81
81
|
①
|
4
追記致します。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -72,8 +72,7 @@
|
|
|
72
72
|
以下のA～Cの疑問があるのですが、何卒宜しくお願い致します。
|
|
73
73
|
|
|
74
74
|
質問A
|
|
75
|
-
<html class="no-js seed-csp4" lang="en">の記述の中の「seed-csp4」はあくまでCSSの表示のスタイルを表すクラス名であり、極端な話、どの様なクラス名でも任意で付けることが可能だから、<html class="no-js seed-csp4" lang="en">の記述のみをもって、「メンテナンス中」の画面
|
|
76
|
-
（ワードプレスのメンテナンスモード）が表示されていることを説明することは出来ないとの解釈で正解でしょうか？
|
|
75
|
+
<html class="no-js seed-csp4" lang="en">の記述の中の「seed-csp4」はあくまでCSSの表示のスタイルを表すクラス名であり、極端な話、どの様なクラス名でも任意で付けることが可能だから、<html class="no-js seed-csp4" lang="en">の記述のみをもって、「メンテナンス中」の画面（ワードプレスのメンテナンスモード）が表示されていることを説明することは出来ないとの解釈で正解でしょうか？
|
|
77
76
|
|
|
78
77
|
質問B
|
|
79
78
|
もし、質問Aの解釈が正解なら、このウェブページがワードプレスのメンテナンスモードを使用している事を簡潔に説明するのに、以下の①（質問文の中の「D:ソースコードの<head>の中の </style>部分」の中の/* Background Style */の下の記述）及び②(h1 id 及びdiv id)を使って説明するしかないと思いますが、この考えは正解でしょうか？（厳密に説明するならば、/* Text Styles */の下のフォントの種類やh1～h6の見出しタグも説明する必要がありますが、簡潔に説明する為にそれらの説明を省き、①の説明には「bodyのheightを100％にしても広がらない」
|
3
追記致します。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -67,6 +67,10 @@
|
|
|
67
67
|
四、「スクリプトが無効の場合のスタイル」（https://terkel.jp/archives/2012/07/styles-for-noscript/）
|
|
68
68
|
|
|
69
69
|
●10月2日 追記致します。宜しくお願い致します。
|
|
70
|
+
「Custom Build」バージョンの Modernizr については "no-js" の置き換えは行われない事を解説していただき、ありがとうございます。
|
|
71
|
+
長い間引っかかっていた事を解明していただき、感謝の気持ちで一杯です。
|
|
72
|
+
以下のA～Cの疑問があるのですが、何卒宜しくお願い致します。
|
|
73
|
+
|
|
70
74
|
質問A
|
|
71
75
|
<html class="no-js seed-csp4" lang="en">の記述の中の「seed-csp4」はあくまでCSSの表示のスタイルを表すクラス名であり、極端な話、どの様なクラス名でも任意で付けることが可能だから、<html class="no-js seed-csp4" lang="en">の記述のみをもって、「メンテナンス中」の画面
|
|
72
76
|
（ワードプレスのメンテナンスモード）が表示されていることを説明することは出来ないとの解釈で正解でしょうか？
|
2
追記致します。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -64,4 +64,47 @@
|
|
|
64
64
|
一、「第68回 Modernizr.jsでCSS3やHTML5を条件分岐」http://coding-factory.com/cm/cm68.html
|
|
65
65
|
二、「Modernizr（モダナイザー）とは」https://qiita.com/puripuri_corgi/items/912c4a8171866fe6089d
|
|
66
66
|
三、「JavaScriptを使用せずにJS無効時用のCSSを適用」（https://iwb.jp/javascript-noscript-css/）
|
|
67
|
-
四、「スクリプトが無効の場合のスタイル」（https://terkel.jp/archives/2012/07/styles-for-noscript/）
|
|
67
|
+
四、「スクリプトが無効の場合のスタイル」（https://terkel.jp/archives/2012/07/styles-for-noscript/）
|
|
68
|
+
|
|
69
|
+
●10月2日 追記致します。宜しくお願い致します。
|
|
70
|
+
質問A
|
|
71
|
+
<html class="no-js seed-csp4" lang="en">の記述の中の「seed-csp4」はあくまでCSSの表示のスタイルを表すクラス名であり、極端な話、どの様なクラス名でも任意で付けることが可能だから、<html class="no-js seed-csp4" lang="en">の記述のみをもって、「メンテナンス中」の画面
|
|
72
|
+
（ワードプレスのメンテナンスモード）が表示されていることを説明することは出来ないとの解釈で正解でしょうか？
|
|
73
|
+
|
|
74
|
+
質問B
|
|
75
|
+
もし、質問Aの解釈が正解なら、このウェブページがワードプレスのメンテナンスモードを使用している事を簡潔に説明するのに、以下の①（質問文の中の「D:ソースコードの<head>の中の </style>部分」の中の/* Background Style */の下の記述）及び②(h1 id 及びdiv id)を使って説明するしかないと思いますが、この考えは正解でしょうか？（厳密に説明するならば、/* Text Styles */の下のフォントの種類やh1～h6の見出しタグも説明する必要がありますが、簡潔に説明する為にそれらの説明を省き、①の説明には「bodyのheightを100％にしても広がらない」
|
|
76
|
+
【https://at.sachi-web.com/blog-entry-1369.html】を使用）
|
|
77
|
+
|
|
78
|
+
①
|
|
79
|
+
/* Background Style */
|
|
80
|
+
html{
|
|
81
|
+
height:100%;
|
|
82
|
+
background: #fafafa;
|
|
83
|
+
}
|
|
84
|
+
.seed-csp4 body{
|
|
85
|
+
height:100%;
|
|
86
|
+
background: transparent;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
②
|
|
91
|
+
<div id="seed-csp4-content">
|
|
92
|
+
<h1 id="seed-csp4-headline">メンテナンス中</h1>
|
|
93
|
+
<div id="seed-csp4-description"><p>長期メンテナンス中です</p>
|
|
94
|
+
</div>
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
質問C
|
|
99
|
+
質問Bの様に、上記の①及び②を使って説明するとすれば、「background: transparent」 が、以下の例の様に「HTML」のtransparent指定や、「CSS」のbackground-color: transparent;の様に指定されていないので、質問文の中の「D:ソースコードの<head>の中の </style>部分」の中の「background: transparent」の記述が無意味になっていると思いますが、如何でしょうか？
|
|
100
|
+
ソースコード中の「background: transparent」の記述には何の意味があるのでしょうか？
|
|
101
|
+
|
|
102
|
+
例：
|
|
103
|
+
|
|
104
|
+
「HTML」
|
|
105
|
+
<p class="tp">テキスト（transparent指定）</p>
|
|
106
|
+
|
|
107
|
+
「CSS」
|
|
108
|
+
tr1 p.tp{
|
|
109
|
+
background-color: transparent;
|
|
110
|
+
}
|
1
画像の位置変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
](7d66c5a1e07d32959077802f0050832c.jpeg)
|
|
1
2
|
質問一
|
|
2
3
|
添付画像は、Google Chromeのブラウザの右クリックメニューの「検証」をクリックして表示したHTML要素のDOMツリーの内容の<head>部分及び<body>部分の▼をクリックして展開したものですが、2行目（<DOCUTYPE html>の記述の下)の<html class="no-js seed-csp4" lang="en">をみると、プログラミング知識のない方がその記述部分だけを見れば、「ブラウザのJavaScriptが無効の時だけseed-cspを表示するならば、ブラウザのJavaScriptが有効ならば、seed-csp4を表示しないのだろう」と考える方がいると思うのです。
|
|
3
4
|
この場合、プログラミング知識のない方に『ブラウザ側の JavaScript の有効/無効に関係なく「メンテナンス中」の画面（seed-csp4）が表示される』ことを理解していただくには、添付画像のDOMツリーの内容のどの部分（以下のA,B,C）を指し示して理解していただけばよいのでしょうか？
|
|
@@ -5,7 +6,7 @@
|
|
|
5
6
|
<html class="no-js seed-csp4" lang="en">の記述だけで「ブラウザ側の JavaScript の有効/無効に関係なくメンテナンス中の画面（seed-csp4）が表示される」ことを理解していただくには、どうすればよろしいでしょうか？（私としましては、<html class="no-js seed-csp4" lang="en">の記述だけをうまく説明して、『ブラウザ側の JavaScript の有効/無効に関係なく「メンテナンス中」の画面（seed-csp4）が表示されることを理解していただきたいとの考えです。）
|
|
6
7
|
|
|
7
8
|
質問二
|
|
8
|
-
最下部に記した「
|
|
9
|
+
最下部に記した「Modernizrでno-jsを削除」に関する各サイトにかかる一、二、三、四のリンク先のページで説明することによって、2行目の（<DOCUTYPE html>の記述の下)の<html class="no-js seed-csp4" lang="en">の内容が、「ブラウザのJavaScriptが有効、無効にかかわらず、seed-cspのcoming-soon pageを表示する」ことを理解していただけるでしょうか？
|
|
9
10
|
|
|
10
11
|
A:添付画像のDOMツリーの内容の下から5～6行目
|
|
11
12
|
<!-- Coming Soon Page and Maintenance Mode by SeedProd. Learn more: http://www.seedprod.com -->
|