16/03/29 22:54:42.89 .net
XHTML1.0は作るの面倒だろ。
DOCTYPEは長いし、タグや属性の省略すらできない。
自動的に生成されるならまだしも
手書きするなら簡単なHTML5の方がいい
3:Name_Not_Found
16/03/30 03:47:47.34 .net
XHTML1.0+CSSができるならHTML5+CSS3でできるだろ
何も考えることなんかないよ
4:Name_Not_Found
16/04/01 08:05:25.15 .net
どの各ブラウザのどのバージョンからHTML5に対応してるって一覧表ある？
5:Name_Not_Found
16/04/02 10:24:49.55 .net
HTML5のselectionとかarticleとかasideとかどこで使うかの定義がわからん。
ここはasideでいいのか？はたまたarticleにすべきなのか？とか。
あとarticleは必ずselectionで囲まなアカンの？とか
難しいなー
6:Name_Not_Found
16/04/02 13:14:35.21 .net
難しいんじゃなくて仕様書読んでないだけだろ
7:Name_Not_Found
16/04/02 13:28:31.94 .net
つ HTML4.01
8:Name_Not_Found
16/04/02 14:27:12.64 .net
selectionじゃなくてsectionだ
9:Name_Not_Found
16/04/03 17:39:12.26 .net
xhtmlで作ってた時はasideとかsectionとか意識しなくて、ぜんぶ汎用BOXの<div>だけで作ってたからなー。
HTML5のセクションの定義が理解できないわ
10:Name_Not_Found
16/04/05 16:48:02.93 .net
>>4
URLﾘﾝｸ(caniuse.com)
11:Name_Not_Found
16/04/05 22:29:50.21 .net
>>10
トンｸｽ
12:Name_Not_Found
16/04/08 18:59:32.84 .net
確かにsectionやasideを使うかどうかって難しいね
13:Name_Not_Found
16/04/08 19:36:17.78 .net
何が難しいのか逆にわからん
14:Name_Not_Found
16/04/08 20:16:24.03 .net
asideが必ずいるのかいらないのかってことでしょ
15:Name_Not_Found
16/04/09 02:12:18.23 .net
余計何言ってるのかわからんくなった
16:Name_Not_Found
16/04/09 17:56:41.92 .net
asideはほとんどその名の通りだよ
サイドバーとか共通部分のようなところ
レイアウトによっては横とは限らないけどね
sectionもarticleもその名の通りといえばその名の通りだけど
sectionのほうが上位だと思い込んでる人はいるかもな
あくまでも文書構造をタグで表現するのが基本だから
sectionの括りなしにarticleつまり記事の繰り返しがでてくることもあるだろうし
sectionのみで構成されて記事という考え方を取らないこともあるわけで
上下関係があるわけじゃない
17:Name_Not_Found
16/04/09 18:37:30.30 .net
aside使わずに
<div class="sideber_menu">
とかじゃだめなん？
18:Name_Not_Found
16/04/09 18:48:03.73 .net
こんな感じでXHTML1.0とHTML5が混ざった記述ってだめなん？
<html>
<head></head>
<body>
<header>
サイトタイトル
<nav>グローバルメニュー</nav>
</header>
<div id="main">
メインコンテンツ
</div>
<div id="side_menu">
サイドメニュー
</div>
<footer>
フッター
</footer>
</body>
</html>
19:Name_Not_Found
16/04/09 19:26:28.39 .net
それでも間違いとは言えないけどそれだと文書構造からいえば
メインコンテンツとサイドメニューの区別がない
文書構造気にしてないなら全部 div で書けば？って感じはする
20:Name_Not_Found
16/04/09 20:02:52.04 .net
文書構造をどう捉えるかなんだよなー。全部汎用divのみでいいやってならそれでもできるな。
21:Name_Not_Found
16/04/09 21:35:19.49 .net
>>18
これおすすめ。
URLﾘﾝｸ(chrome.google.com)
考えるよりもまず、どう解釈されるか、
そしてほかの（まともな）サイトがどうなっているかを見たほうが良い。
22:Name_Not_Found
16/04/09 22:31:04.88 .net
>>21
ありがとう！
23:Name_Not_Found
16/04/18 22:59:52.13 .net
tableの一部に縦横不明の画像が表示されていた場合、テキストリンクをテキストだけでなく、その枠内いっぱいでホバーをかけるときは、displayのblockと何が必要ですか。
24:Name_Not_Found
16/04/19 12:19:34.19 .net
テーブルレイアウトとか論外なのでよそへ行きたまへ
25:Name_Not_Found
16/04/19 15:37:23.65 .net
<body>
<header>
ここはヘッダーセクションです
</header>
<nav>
<ul>
ここはナビゲーションセクションです。
<li>home</li>
<li>about</li>
</ul>
</nav>
<section>
<article>
ここはコンテンツ1
</article>
<article>
ここはコンテンツ2
</article>
</section>
.<aside>
ここは副次的セクションです
</aside>
<footer>
ここはフッターセクションです。
</footer>
26:Name_Not_Found
16/04/19 15:43:49.44 .net
>>25のようにした時、
navを左側、sectionを中央、asideを右側みたい3カラムにするにはこれはxhtmlと同じようにcssのclassかidを使ってレイアウトするの？
また、asideは必ず必要なの？aisdeの部分をsectionにしたらダメのなの？
<nav id=left_side>
</nav>
<section id=center>
</section>
<aside id=right_side>
</aside>
みたいな感じ？
27:Name_Not_Found
16/04/19 18:31:29.12 .net
xhtml と同じようにの意味がわからん
css でやるのかならそうだけど
aside は必須ではない
aside は section よりもはっきりした目的を持っているので section にする必要性はない
あとは main なんかも考えてみるべきかもな
28:Name_Not_Found
16/04/20 00:46:08.54 .net
>>27
>xhtml と同じようにの意味がわからん
xhtmlの時は<div id="navi">みたいにして
cssで
width:xxx px;
float:right;
みたいにしてたから、HTML5でnavタグやsectionタグ右側、左側にレイアウトするときもcssでfloatするのかな？って意味。
>aside は必須ではない
そうなんだ。じゃあsectionは必須？無理やり作らないといけないの？
29:Name_Not_Found
16/04/20 01:27:37.21 .net
>>28
個人的には今なら flex 使うけどまあどっちにしてもカラムレイアウトは css での指定が前提
section も必須ではない
正直ここらへんは少しでも仕様読めばわかることだけどな
まあ必須繋がりで一応言っておくと section 自体は直下要素に見出し (基本的には h1) が必須
30:Name_Not_Found
16/04/20 01:47:06.88 .net
そうなんだよね。以前から構造をタグ付けするってのが苦手なんだよね。
例えばh1タグなんかを書くとき、別にこれって自分的にはh1である必要はないし<p>でいいじゃん？って思ったりするんだよね。
ロボットの気持ち完全無視してしまう。
なんで無理矢理h1なの？とかなんで無理矢理section使うの？
これ<p>でボックス作っとけばいいじゃん。みたいに自分都合で構造を書いてしまう。
31:Name_Not_Found
16/04/20 02:07:41.31 .net
別に div だけでやったって真っ当な HTML ではあるしそこらへんは好きにすればとしか
32:Name_Not_Found
16/04/24 12:21:13.98 .net
時間は有限だからdivかsectionなのかなんてロボット以外にどうでもいいところに時間使ってないで
全部divにして他のところにリソース回したほうがよっぽどいい
そもそもロボットですらsectionとか使った方を優先してるのかって話ですよ
囲碁のトップレベルと対決して圧勝するレベルの人工知能を前に無意味だろう
33:Name_Not_Found
16/04/24 12:33:08.12 .net
divでやるほうがよっぽど面倒だわ
ていうかそれを言いに来るのが君の有意義な時間の使い方なの？
34:Name_Not_Found
16/04/24 21:23:13.37 .net
アホなのかな
どこでも使えるdivの方が面倒なはずねえだろ
35:Name_Not_Found
16/04/24 21:45:53.78 .net
で、いちいちidとかclassとか振ってるわけだ
そっちのほうがずっと回りくどいし面倒だと思うけど
まあ楽だと思うならdivで頑張ってくれたまえ
36:Name_Not_Found
16/04/24 22:55:02.31 .net
これでいい？これでもHTML5としてみなされる？
<!DOCTYPE html>←HTML5宣言だけしといて以下は。。
<heaed></head>
<body>
<div id="header">
ヘッダーエリア
</div>
<div id="gl_menu">
<ul>
<li>メニュー1</li>
<li>メニュー2</li>
</ul>
</div>
<div id="main">
メインコンテンツエリア
</div>
<div id="ad_area">
広告エリア
</div>
<div id="footer">
フッター
</div>
</body>
</html>
37:Name_Not_Found
16/04/25 07:19:40.65 .net
>>35
sectionなのかarticleなのか、はたまたdivにした方がいいのか1ミリ秒も悩まないの？
38:Name_Not_Found
16/06/09 22:45:56.43 YX+cREys.net
良スレ
39:35
16/06/11 13:44:10.34 .net
>>37
一々悩まない
勝手に悩んでろハゲ
40:Name_Not_Found
16/06/11 15:58:49.17 .net
>>39
悩んでることをバラすな！
41:Name_Not_Found
16/06/11 17:43:56.34 MgUG4I8F.net
>>36
ナイスセンス！
42:Name_Not_Found
16/06/14 00:19:04.45 .net
つーか、プロじゃなくて、見えればいいならどうせ関係ないだろ
プロがタグのスタイル全部リセットしてCSSで定義しなおして使ってるの見て文句言ってるのとそんなに変わらない
43:Name_Not_Found
16/06/25 00:21:13.71 B9bu/Z23.net
自分がcss3で書いているのか、css2で書いているのか、css2とcss3混在で書いているのか分かってないんだがどこ見て判断したらええの？
とりあえずネットに載ってるサンプルコードや書籍のサンプル見て適当に書いてるだけ。
44:Name_Not_Found
16/06/26 00:39:32.49 .net
>>43
Web制作が専業でないならいいと思うよ
俺はsass使ってるけどコンパイル後のソースは一応バリデータにかけて
警告でたとこを調べて書き換えてるけど
45:Name_Not_Found
16/06/26 04:40:22.00 .net
>>43
まず最初のCSS（CSS1）というのがあって、
CSS2でいろんな機能が増えた。CSS3でさらに増えた。という扱い。
CSS3になったらCSS2の書き方が使えなくなるんじゃなくて
CSS3までの機能（CSS2を含む）を使うかどうかって話になる。
だから今だと事実上、CSS2までの機能しか使わない場合と
CSS2とCSS3の混在で書くかの二通りしか無い。
そしてCSS3を使うかどうかっていうのは考える意味がない。
なぜならCSS3に対応したブラウザっていうのは、
CSS3の一部に対応しているという意味だから。
CSS3の全てに対応しているブラウザはまだ無いんじゃないかな？
だからCSSの特定の機能にどのブラウザに対応しているかを調べることが重要
そういうのは、例えばここを見ればわかる URLﾘﾝｸ(caniuse.com)
長くやってる人は自然と最近使えるようになった機能＝CSS3だなってわかるけど
わかるってだけでプロでもCSS3かどうかで決めることなんて無いよ。
だからCSS2かCSS3かを把握する必要なんて無い。
気にしてるのは、それが動作保証してるブラウザで使えるかどうかだけ。
46:Name_Not_Found
16/07/07 18:03:57.74 .net
スーパーサイヤ人みたいだな
47:Name_Not_Found
16/07/25 10:04:59.20 Ci7OID+k.net
ちゃんと対応しているブラウザがまだ存在しないのにCSSレイアウトは時期尚早
どこでも配置モード最強
48:Name_Not_Found
16/07/25 17:12:09.22 .net
もうあんなソフト捨てろよ
これからはpositionの時代だよたぶん
49:Name_Not_Found
16/07/27 21:27:19.14 o08cYcCV.net
ちょっと聞きたいんだけど
１つのスタイルに複数のセレクタを指定する場合って、
カンマ区切りだとおもってたけど、テキストのサンプルはスペース区切りになっていて、
最近スペース区切りでＯＫとかなったの？
st1 st2 {color: red} ←こんなのおＫになったの？
50:Name_Not_Found
16/07/28 10:40:48.98 .net
sectionもarticleもdivみたいなもんだろ
難しいことなんて全くないわ
51:Name_Not_Found
16/07/28 14:43:58.97 .net
>>49
CSSのセレクタ結合子は「 」「+」「>」「~」しか無いんだよ
ついでに書くと擬似要素は最後のセレクタにしか効かない
52:Name_Not_Found
16/07/28 17:38:34.54 .net
>>49
何か勘違いしているようだが
st1とst2 に同時に適用するときは
st1,st2 {color: red}
st1の階層下にあるst2に適用するときは
st1 st2 {color: red}
他にもセレクタ結合子はいくつかあるから試してみるといい
53:49
16/07/28 17:58:49.16 dRdc9CDt.net
>>51,52
助かりました。ありがとうございます。
54:Name_Not_Found
16/07/28 23:03:54.56 .net
2カラム編集ってエラスティックレイアウトの方が良いのかな
55:Name_Not_Found
16/07/31 15:24:31.53 .net
>>54
俺はもうリキッドレイアウトで良いと思うが
何でそう思う？
56:Name_Not_Found
16/07/31 16:46:03.17 .net
>>55
リキッドで作ったやつを拡大してみるとさ、何とも
57:Name_Not_Found
16/10/08 02:56:49.60 .net
type属性のdatetime値だけ廃止でdatetime-localだけ残った流れとか、もうね、同族有限の井戸端会議かと。このカレンダー周辺はボロボロだからたぶん数年後にはぜんぶ新しく変わるんじゃないか？w
datalist要素内option要素のlabel-value-#textの優先順位が実装レベルで「間違って」いても誰も困らないからそれが当たり前になっていたりとかなw
もう00年代のbugzillaやwww-styleの堅くて高度な議論・承認システムじゃあなくて、すっかり底辺低学歴の現場に合わせた「りびんぐすたんだーど笑」なんだからさ、それが2なのか2.1なのか3なのかなんて、ま～ったく意識する意味は無いんだろうね。
まぁ、極論すれば、何を作ってもそれが何年か後には必ずごっそりリプレイス需要にさらされるという、儲け優先を公言している時代になったということだなw
要するに、仕様への準拠を根掘り葉掘りつつく行為は、この儲け優先のエコシステムを邪魔する「悪い」行為かもしれないんだなww
58:Name_Not_Found
16/10/08 08:36:04.74 .net
>>57
> datalist要素内option要素のlabel-value-#textの優先順位が実装レベルで「間違って」いても誰も困らないからそれが当たり前になっていたりとかなw
詳しく
59:Name_Not_Found
17/01/28 00:50:51.75 .net
もう5だけで突っ走ってもええのん？
60:Name_Not_Found
17/04/14 11:32:37.42 .net
IE9切捨て記念保守
61:Name_Not_Found
17/11/09 17:16:28.08 .net
grid革命的に便利だな
クソみたいなネストなくなるのかこれ
62:Name_Not_Found
17/12/12 05:53:26.18 MrUcGD8N.net
HPなどで友達が稼げるようになった情報とか
⇒ URLﾘﾝｸ(asaswq3wq.sblo.jp)
興味がある人だけ見てください。
HZPXTVFV07
63:Name_Not_Found
18/05/01 20:30:49.73 l1wYHpV1.net
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
U1S8R
64:Name_Not_Found
18/06/09 22:06:42.01 7HAKv1IVZ
札幌フォークの江畑
65:Name_Not_Found
23/06/18 12:02:04.73 Ekgt84oNn
世界最惡の殺人組織公明党強盗殺人の首魁斉藤鉄夫らテ口リストに乗っ取られた国土破壞省に天下り賄賂癒着しなか゛ら莫大な温室効果ガスに
騷音にコ□ナにとまき散らして気候変動させて曰本と゛ころか世界中て゛土砂崩れに洪水．暴風、猛暑、干は゛つ，大雪．森林火災にと災害連發
させて大量殺戮して．工ネ価格に物価にと暴騰させて．住民の生活を破壊して私腹を肥やしてるクソ公務員個人に徹底報復しよう！東京都港区
赤坂２丁目１７一１Оか゛クソ議員宿舍なのは有名た゛か゛「省庁別宿舎━覧表」で検索すれば全國の公務員宿舍の位置が容易に確認できるのて゛
拡声器や、騒音ハ゛イクで乗り付けてフ゛ァンフ゛アンやりに出向いてやろう！もちろん力による━方的な現状変更によって都心まで数珠つなぎで
クソ航空機飛ばして閑静な住宅地だろうと航空騒音まみれにして生活に仕事にと公然と妨害してるこいつら利権害虫のことた゛から騷音なんて
どうということはないんだろうし、航空騷音に比べれば屁みたいな騒音しか出せないだろうが，遠慮なく大騒音まき散らしに出向いてやろう！
政府という傘で好き放題やってる公務員には個人攻撃が有効！図書館やらて゛フ゛ァンブアンやって税金泥棒利権を徹底的に壞滅させるのも正義！
創価学会員は、何百万人も殺傷して損害を与えて私腹を肥やし続けて逮捕者まで出てる世界最惡の殺人腐敗組織公明党を
池田センセ－が囗をきけて容認するとか本氣て゛思ってるとしたら侮辱にもほどがあるそ゛！
ｈｔТРｓ：／／ｉ．ｉｍｇｕｒ、сοｍ／hnli1ga.jpeg