X



HTML/CSS のどんな質問にも優しく答えるスレ 35
■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
垢版 |
2018/12/10(月) 23:34:18.61ID:Xy1kPhq4
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。

回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!

質問側も節度あるレスで!質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(>>980を取った場合も)
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 34
http://mevius.5ch.net/test/read.cgi/hp/1538966757/

■関連スレ
Webサイト制作初心者用質問スレ part249
http://mevius.5ch.net/test/read.cgi/hp/1529144063/

■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html
0003Name_Not_Found
垢版 |
2018/12/11(火) 00:21:57.75ID:???
</li>
など省略してもいい終了タグはどれを省略しますか。全部?一部?
省略しない方が分かりやすいタグ一覧とかありますか?
0005Name_Not_Found
垢版 |
2018/12/11(火) 00:38:30.54ID:???
>>3
省略しない。自動保管してくれるし、省略しても見にくくなるだけでメリットないし
0006Name_Not_Found
垢版 |
2018/12/11(火) 00:47:29.21ID:???
省略は絶対しない
百害あって一利なし
0007Name_Not_Found
垢版 |
2018/12/11(火) 06:27:07.78ID:???
997 名前:Name_Not_Found[sage] 投稿日:2018/12/10(月) 23:57:00.01 ID:???
確かにHTML4で実際H1を使うとなるとどうなるかわからんな
sectionタグもないわけだし

998 名前:Name_Not_Found[sage] 投稿日:2018/12/10(月) 23:57:27.14 ID:???
↑H1複数を使うと
0008Name_Not_Found
垢版 |
2018/12/11(火) 06:28:52.79ID:???
>>7
え?なんかなるの?
H2が複数あるのと何も変わらないんだけど

変わる要素なんかなにかあるのか?

例えば複数の論文を1ページに全部表示した
程度の話でしょう?
0009Name_Not_Found
垢版 |
2018/12/11(火) 06:30:15.77ID:???
992 返信:Name_Not_Found[sage] 投稿日:2018/12/10(月) 22:53:45.63 ID:???
>>989
全部テーブルで作ってた時代とか透過gifのスペーサーとかしってる?
そういうやつにも文句いってたんだよね?
0010Name_Not_Found
垢版 |
2018/12/11(火) 06:32:24.73ID:???
>>9
ネスケ4でCSSを使うと高確率で落ちる時代とか知ってる?

テーブルや透過gifでしか実現出来ない時代には、文句言うわけ無いでしょw
その時代であってもh1は複数使えたし、それでvalidだし
テーブルや透過gifを使っても、validなんだよ。

validなのに文句言うわけないよね?

もちろんCSSで出来るようになった時代には、CSSを使えって文句言ったけど?
0011Name_Not_Found
垢版 |
2018/12/11(火) 06:38:49.67ID:???
あれ?もしかして、テーブルや透過gifが、
HTML的にはvalidってあることに気づいてないのかなw
恥ずかしいね。その程度の知識で反論しちゃったんだw
0012Name_Not_Found
垢版 |
2018/12/11(火) 07:10:01.96ID:???
live2chのスレッド一覧はCSSカスタムできないんでしょうか
0013Name_Not_Found
垢版 |
2018/12/11(火) 09:37:05.17ID:???
>>12
大昔使ってたけど、まだあったのかアレ
live2chスレで聞いた方が良いと思う
0014Name_Not_Found
垢版 |
2018/12/11(火) 11:02:46.91ID:???
>>3
img、br、inputあたりは書かんね
あとmetaとlink
0015Name_Not_Found
垢版 |
2018/12/11(火) 11:11:20.15ID:???
>>3
</li>は省略する
省略すると、li要素の間のスペース問題無くなって楽
でもそれ以外は特に省略しない。
エディタで補完されるのでわざわざ消す事はしない

後は>>14と同じ
0016Name_Not_Found
垢版 |
2018/12/11(火) 11:23:29.49ID:???
>li要素の間のスペース問題

改行しなけりゃいいじゃない
0017Name_Not_Found
垢版 |
2018/12/11(火) 11:46:37.57ID:???
>>15
その対処法、定期的に書く奴いるよな
display: inline系指定したとき限定だし、li要素に限定する意味も分かんない(div要素/dt要素だって再現するのに)

あと、スペース問題いうなら、コピペしたときに行末に余計な半角スペースが入る問題にも注目してくれよ
0018Name_Not_Found
垢版 |
2018/12/11(火) 11:51:40.70ID:???
>>11
あれ?もしかして全部divでつくってvalidだから!っていってるアホ?www
テーブルで作ってるのにvalid云々の話持ち出してる時点でお門違いなんだよ
お前のほうが恥ずかしいわwww
0019Name_Not_Found
垢版 |
2018/12/11(火) 11:55:18.91ID:???
>>11
お前の理論だとh1にページ内の全テキストまとめて書いてあってもvalidだから許される!ってことだからな?その程度の仕事しかしてないのばれちゃったね
0020Name_Not_Found
垢版 |
2018/12/11(火) 11:57:09.22ID:???
>>3
開始タグごと省略する事はあるが、開始タグがあって終了タグを省略はしない
基本、HTML5以降を使うので、空要素は / で閉じてる
0021Name_Not_Found
垢版 |
2018/12/11(火) 12:07:44.63ID:???
>>18
> テーブルで作ってるのにvalid云々の話持ち出してる時点でお門違いなんだよ

validの話は複数のh1の話でしょう?

そこにテーブルの話を持ち出してくる時点でお門違いなんだよ
これは誰に言うべき言葉ですか?
0022Name_Not_Found
垢版 |
2018/12/11(火) 12:10:08.69ID:???
>>19
> お前の理論だとh1にページ内の全テキストまとめて書いてあってもvalidだから許される!

お前の理屈だと、aタグにページ内の全テキストまとめて書いたら許されないから、
aは使ってはだめだ!って言うことになるよw

俺はただ、h1を複数使ってもいいと言ってるだけ

お前は、全テキストまとめて書いたら許されないから
h1とかaとか使うなと言ってる。屁理屈もいいところだ
0023Name_Not_Found
垢版 |
2018/12/11(火) 12:14:10.59ID:???
>>20
> 基本、HTML5以降を使うので、空要素は / で閉じてる
空要素を/で閉じるのはXHTML(XML)の決まりでHTMLでは/で閉じない

/で閉じるように書いても無視されて、/で閉じるという効力はないので
空要素以外を/で閉じることが出来ないし、
逆に<br></br>と書いても空要素<br />と同じ意味にはならない
0024Name_Not_Found
垢版 |
2018/12/11(火) 12:15:57.03ID:???
>>10
最初にかったのが発売されたばっかりのpowerMac9500だったからネスケ4ももちろん知ってるけどだからなに?
0027Name_Not_Found
垢版 |
2018/12/11(火) 12:21:30.67ID:???
はっきりさせとこうか。
HTML5では「要素を/で閉じることは出来ない」

HTML5では、タグ毎に空要素 or 空要素ではない or 終了タグが省略可能
と決まっている

brは空要素と決まっているから、<br>と書くのがHTML5では正しい。
ただしXHTMLとの互換性のため <br/> という書き方も許容された

くり返し言うが、この書き方に空要素という意味はない。
<br/>と書いても<br>と同じであるという意味になってる
0029Name_Not_Found
垢版 |
2018/12/11(火) 12:24:55.78ID:???
>>3
> </li>
> など省略してもいい終了タグはどれを省略しますか。全部?一部?

一部だな。ブロックとして書きたいか、一行で書きたいかで使い分ける

具体的言うと、liの中が短く一行で余裕を持って収まる場合には一行で書く

<ul
0030Name_Not_Found
垢版 |
2018/12/11(火) 12:26:54.44ID:???
途中で書き込んでしまった

>>3
> </li>
> など省略してもいい終了タグはどれを省略しますか。全部?一部?
一部だな。ブロックとして書きたいか、一行で書きたいかで使い分ける

具体的言うと、<li>の中が短く一行で余裕を持って収まる場合には一行で書く

<ul>
 <li>りんご
 <li>みかん
 <li>ばなな
</ul>

みたいに。もし<li>の中が長く、一行で確実に一行で終わらない場合は
<li>の後ろに改行を入れて複数行で書く

<ul>
 <li>
    いろんな長いメッセージやいろんなタグ
    いろんな長いメッセージやいろんなタグ
    いろんな長いメッセージやいろんなタグ
 </li>
</ul>
0031Name_Not_Found
垢版 |
2018/12/11(火) 12:30:20.95ID:???
>>30のような書き方はHAMLを見て、そういう書き方でも
わかりやすいんだからわざわざ</li>必須というルールを
作ることに意味はないなと思ったから

ちなみにHAMLではこのように書く

https://qiita.com/pecomeri/items/ffa45f3a6adc04a7f7fd

%ul
 %li リスト1
 %li リスト2
 %li リスト3


このような書き方をすることで短く書く・・・が独自の文法になるぐらいなら
HTMLの範囲内で省略できるところを省略して短く書いたほうがいいだろう
0032Name_Not_Found
垢版 |
2018/12/11(火) 12:35:43.84ID:???
>>28
aタグには意味がないから極論全部入っててもいいでしょ?html5ではブロック要素の外囲ってもokなんだし
h1は見出しって意味があるから全文入ってたら明らかにおかしいでしょ

validは単にタグの形に間違いがあるかどうかなだけでタグの意味に対する使い方には関係ないからvalidを持ち出してくるのはおかしいっていってんの
■ このスレッドは過去ログ倉庫に格納されています

ニューススポーツなんでも実況