HTML5+CSS3で作らんとアカンの? [無断転載禁止]©2ch.net
HTML5+CSS3で作らんとアカンの?
XHTML1.0+CSSってのはもうダメなの?
これからはじめようと思うんだけど asideが必ずいるのかいらないのかってことでしょ asideはほとんどその名の通りだよ
サイドバーとか共通部分のようなところ
レイアウトによっては横とは限らないけどね
sectionもarticleもその名の通りといえばその名の通りだけど
sectionのほうが上位だと思い込んでる人はいるかもな
あくまでも文書構造をタグで表現するのが基本だから
sectionの括りなしにarticleつまり記事の繰り返しがでてくることもあるだろうし
sectionのみで構成されて記事という考え方を取らないこともあるわけで
上下関係があるわけじゃない aside使わずに
<div class="sideber_menu">
とかじゃだめなん? こんな感じでXHTML1.0とHTML5が混ざった記述ってだめなん?
<html>
<head></head>
<body>
<header>
サイトタイトル
<nav>グローバルメニュー</nav>
</header>
<div id="main">
メインコンテンツ
</div>
<div id="side_menu">
サイドメニュー
</div>
<footer>
フッター
</footer>
</body>
</html> それでも間違いとは言えないけどそれだと文書構造からいえば
メインコンテンツとサイドメニューの区別がない
文書構造気にしてないなら全部 div で書けば?って感じはする 文書構造をどう捉えるかなんだよなー。全部汎用divのみでいいやってならそれでもできるな。 tableの一部に縦横不明の画像が表示されていた場合、テキストリンクをテキストだけでなく、その枠内いっぱいでホバーをかけるときは、displayのblockと何が必要ですか。 <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> >>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>
みたいな感じ? xhtml と同じようにの意味がわからん
css でやるのかならそうだけど
aside は必須ではない
aside は section よりもはっきりした目的を持っているので section にする必要性はない
あとは main なんかも考えてみるべきかもな >>27
>xhtml と同じようにの意味がわからん
xhtmlの時は<div id="navi">みたいにして
cssで
width:xxx px;
float:right;
みたいにしてたから、HTML5でnavタグやsectionタグ右側、左側にレイアウトするときもcssでfloatするのかな?って意味。
>aside は必須ではない
そうなんだ。じゃあsectionは必須?無理やり作らないといけないの? >>28
個人的には今なら flex 使うけどまあどっちにしてもカラムレイアウトは css での指定が前提
section も必須ではない
正直ここらへんは少しでも仕様読めばわかることだけどな
まあ必須繋がりで一応言っておくと section 自体は直下要素に見出し (基本的には h1) が必須 そうなんだよね。以前から構造をタグ付けするってのが苦手なんだよね。
例えばh1タグなんかを書くとき、別にこれって自分的にはh1である必要はないし<p>でいいじゃん?って思ったりするんだよね。
ロボットの気持ち完全無視してしまう。
なんで無理矢理h1なの?とかなんで無理矢理section使うの?
これ<p>でボックス作っとけばいいじゃん。みたいに自分都合で構造を書いてしまう。 別に div だけでやったって真っ当な HTML ではあるしそこらへんは好きにすればとしか 時間は有限だからdivかsectionなのかなんてロボット以外にどうでもいいところに時間使ってないで
全部divにして他のところにリソース回したほうがよっぽどいい
そもそもロボットですらsectionとか使った方を優先してるのかって話ですよ
囲碁のトップレベルと対決して圧勝するレベルの人工知能を前に無意味だろう divでやるほうがよっぽど面倒だわ
ていうかそれを言いに来るのが君の有意義な時間の使い方なの? アホなのかな
どこでも使えるdivの方が面倒なはずねえだろ で、いちいちidとかclassとか振ってるわけだ
そっちのほうがずっと回りくどいし面倒だと思うけど
まあ楽だと思うならdivで頑張ってくれたまえ これでいい?これでも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> >>35
sectionなのかarticleなのか、はたまたdivにした方がいいのか1ミリ秒も悩まないの? つーか、プロじゃなくて、見えればいいならどうせ関係ないだろ
プロがタグのスタイル全部リセットしてCSSで定義しなおして使ってるの見て文句言ってるのとそんなに変わらない 自分がcss3で書いているのか、css2で書いているのか、css2とcss3混在で書いているのか分かってないんだがどこ見て判断したらええの?
とりあえずネットに載ってるサンプルコードや書籍のサンプル見て適当に書いてるだけ。 >>43
Web制作が専業でないならいいと思うよ
俺はsass使ってるけどコンパイル後のソースは一応バリデータにかけて
警告でたとこを調べて書き換えてるけど >>43
まず最初のCSS(CSS1)というのがあって、
CSS2でいろんな機能が増えた。CSS3でさらに増えた。という扱い。
CSS3になったらCSS2の書き方が使えなくなるんじゃなくて
CSS3までの機能(CSS2を含む)を使うかどうかって話になる。
だから今だと事実上、CSS2までの機能しか使わない場合と
CSS2とCSS3の混在で書くかの二通りしか無い。
そしてCSS3を使うかどうかっていうのは考える意味がない。
なぜならCSS3に対応したブラウザっていうのは、
CSS3の一部に対応しているという意味だから。
CSS3の全てに対応しているブラウザはまだ無いんじゃないかな?
だからCSSの特定の機能にどのブラウザに対応しているかを調べることが重要
そういうのは、例えばここを見ればわかる http://caniuse.com/#cats=CSS
長くやってる人は自然と最近使えるようになった機能=CSS3だなってわかるけど
わかるってだけでプロでもCSS3かどうかで決めることなんて無いよ。
だからCSS2かCSS3かを把握する必要なんて無い。
気にしてるのは、それが動作保証してるブラウザで使えるかどうかだけ。 ちゃんと対応しているブラウザがまだ存在しないのにCSSレイアウトは時期尚早
どこでも配置モード最強 もうあんなソフト捨てろよ
これからはpositionの時代だよたぶん ちょっと聞きたいんだけど
1つのスタイルに複数のセレクタを指定する場合って、
カンマ区切りだとおもってたけど、テキストのサンプルはスペース区切りになっていて、
最近スペース区切りでOKとかなったの?
st1 st2 {color: red} ←こんなのおKになったの? sectionもarticleもdivみたいなもんだろ
難しいことなんて全くないわ >>49
CSSのセレクタ結合子は「 」「+」「>」「~」しか無いんだよ
ついでに書くと擬似要素は最後のセレクタにしか効かない >>49
何か勘違いしているようだが
st1とst2 に同時に適用するときは
st1,st2 {color: red}
st1の階層下にあるst2に適用するときは
st1 st2 {color: red}
他にもセレクタ結合子はいくつかあるから試してみるといい >>51,52
助かりました。ありがとうございます。 2カラム編集ってエラスティックレイアウトの方が良いのかな >>54
俺はもうリキッドレイアウトで良いと思うが
何でそう思う? >>55
リキッドで作ったやつを拡大してみるとさ、何とも type属性のdatetime値だけ廃止でdatetime-localだけ残った流れとか、もうね、同族有限の井戸端会議かと。このカレンダー周辺はボロボロだからたぶん数年後にはぜんぶ新しく変わるんじゃないか?w
datalist要素内option要素のlabel-value-#textの優先順位が実装レベルで「間違って」いても誰も困らないからそれが当たり前になっていたりとかなw
もう00年代のbugzillaやwww-styleの堅くて高度な議論・承認システムじゃあなくて、すっかり底辺低学歴の現場に合わせた「りびんぐすたんだーど笑」なんだからさ、それが2なのか2.1なのか3なのかなんて、ま〜ったく意識する意味は無いんだろうね。
まぁ、極論すれば、何を作ってもそれが何年か後には必ずごっそりリプレイス需要にさらされるという、儲け優先を公言している時代になったということだなw
要するに、仕様への準拠を根掘り葉掘りつつく行為は、この儲け優先のエコシステムを邪魔する「悪い」行為かもしれないんだなww >>57
> datalist要素内option要素のlabel-value-#textの優先順位が実装レベルで「間違って」いても誰も困らないからそれが当たり前になっていたりとかなw
詳しく grid革命的に便利だな
クソみたいなネストなくなるのかこれ HPなどで友達が稼げるようになった情報とか
⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
HZPXTVFV07 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
U1S8R