2ちゃんねる スマホ用 ■掲示板に戻る■ 全部 1- 最新50    

HTML5+CSS3で作らんとアカンの?

1 :Name_Not_Found:2016/03/29(火) 22:49:19.32 ID:tgSQpgMb.net
HTML5+CSS3で作らんとアカンの?
XHTML1.0+CSSってのはもうダメなの?

これからはじめようと思うんだけど

2 :Name_Not_Found:2016/03/29(火) 22:54:42.89 ID:???.net
XHTML1.0は作るの面倒だろ。
DOCTYPEは長いし、タグや属性の省略すらできない。

自動的に生成されるならまだしも
手書きするなら簡単なHTML5の方がいい

3 :Name_Not_Found:2016/03/30(水) 03:47:47.34 ID:???.net
XHTML1.0+CSSができるならHTML5+CSS3でできるだろ
何も考えることなんかないよ

4 :Name_Not_Found:2016/04/01(金) 08:05:25.15 ID:???.net
どの各ブラウザのどのバージョンからHTML5に対応してるって一覧表ある?

5 :Name_Not_Found:2016/04/02(土) 10:24:49.55 ID:???.net
HTML5のselectionとかarticleとかasideとかどこで使うかの定義がわからん。
ここはasideでいいのか?はたまたarticleにすべきなのか?とか。
あとarticleは必ずselectionで囲まなアカンの?とか

難しいなー

6 :Name_Not_Found:2016/04/02(土) 13:14:35.21 ID:???.net
難しいんじゃなくて仕様書読んでないだけだろ

7 :Name_Not_Found:2016/04/02(土) 13:28:31.94 ID:???.net
つ HTML4.01

8 :Name_Not_Found:2016/04/02(土) 14:27:12.64 ID:???.net
selectionじゃなくてsectionだ

9 :Name_Not_Found:2016/04/03(日) 17:39:12.26 ID:???.net
xhtmlで作ってた時はasideとかsectionとか意識しなくて、ぜんぶ汎用BOXの<div>だけで作ってたからなー。

HTML5のセクションの定義が理解できないわ

10 :Name_Not_Found:2016/04/05(火) 16:48:02.93 ID:???.net
>>4
http://caniuse.com/

11 :Name_Not_Found:2016/04/05(火) 22:29:50.21 ID:???.net
>>10
トンクス

12 :Name_Not_Found:2016/04/08(金) 18:59:32.84 ID:???.net
確かにsectionやasideを使うかどうかって難しいね

13 :Name_Not_Found:2016/04/08(金) 19:36:17.78 ID:???.net
何が難しいのか逆にわからん

14 :Name_Not_Found:2016/04/08(金) 20:16:24.03 ID:???.net
asideが必ずいるのかいらないのかってことでしょ

15 :Name_Not_Found:2016/04/09(土) 02:12:18.23 ID:???.net
余計何言ってるのかわからんくなった

16 :Name_Not_Found:2016/04/09(土) 17:56:41.92 ID:???.net
asideはほとんどその名の通りだよ
サイドバーとか共通部分のようなところ
レイアウトによっては横とは限らないけどね

sectionもarticleもその名の通りといえばその名の通りだけど
sectionのほうが上位だと思い込んでる人はいるかもな
あくまでも文書構造をタグで表現するのが基本だから
sectionの括りなしにarticleつまり記事の繰り返しがでてくることもあるだろうし
sectionのみで構成されて記事という考え方を取らないこともあるわけで
上下関係があるわけじゃない

17 :Name_Not_Found:2016/04/09(土) 18:37:30.30 ID:???.net
aside使わずに
<div class="sideber_menu">
とかじゃだめなん?

18 :Name_Not_Found:2016/04/09(土) 18:48:03.73 ID:???.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:2016/04/09(土) 19:26:28.39 ID:???.net
それでも間違いとは言えないけどそれだと文書構造からいえば
メインコンテンツとサイドメニューの区別がない

文書構造気にしてないなら全部 div で書けば?って感じはする

20 :Name_Not_Found:2016/04/09(土) 20:02:52.04 ID:???.net
文書構造をどう捉えるかなんだよなー。全部汎用divのみでいいやってならそれでもできるな。

21 :Name_Not_Found:2016/04/09(土) 21:35:19.49 ID:???.net
>>18
これおすすめ。

https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo


考えるよりもまず、どう解釈されるか、
そしてほかの(まともな)サイトがどうなっているかを見たほうが良い。

22 :Name_Not_Found:2016/04/09(土) 22:31:04.88 ID:???.net
>>21
ありがとう!

23 :Name_Not_Found:2016/04/18(月) 22:59:52.13 ID:???.net
tableの一部に縦横不明の画像が表示されていた場合、テキストリンクをテキストだけでなく、その枠内いっぱいでホバーをかけるときは、displayのblockと何が必要ですか。

24 :Name_Not_Found:2016/04/19(火) 12:19:34.19 ID:???.net
テーブルレイアウトとか論外なのでよそへ行きたまへ

25 :Name_Not_Found:2016/04/19(火) 15:37:23.65 ID:???.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:2016/04/19(火) 15:43:49.44 ID:???.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:2016/04/19(火) 18:31:29.12 ID:???.net
xhtml と同じようにの意味がわからん
css でやるのかならそうだけど

aside は必須ではない
aside は section よりもはっきりした目的を持っているので section にする必要性はない

あとは main なんかも考えてみるべきかもな

28 :Name_Not_Found:2016/04/20(水) 00:46:08.54 ID:???.net
>>27
>xhtml と同じようにの意味がわからん
xhtmlの時は<div id="navi">みたいにして
cssで
width:xxx px;
float:right;
みたいにしてたから、HTML5でnavタグやsectionタグ右側、左側にレイアウトするときもcssでfloatするのかな?って意味。

>aside は必須ではない
そうなんだ。じゃあsectionは必須?無理やり作らないといけないの?

29 :Name_Not_Found:2016/04/20(水) 01:27:37.21 ID:???.net
>>28
個人的には今なら flex 使うけどまあどっちにしてもカラムレイアウトは css での指定が前提

section も必須ではない
正直ここらへんは少しでも仕様読めばわかることだけどな
まあ必須繋がりで一応言っておくと section 自体は直下要素に見出し (基本的には h1) が必須

30 :Name_Not_Found:2016/04/20(水) 01:47:06.88 ID:???.net
そうなんだよね。以前から構造をタグ付けするってのが苦手なんだよね。
例えばh1タグなんかを書くとき、別にこれって自分的にはh1である必要はないし<p>でいいじゃん?って思ったりするんだよね。
ロボットの気持ち完全無視してしまう。
なんで無理矢理h1なの?とかなんで無理矢理section使うの?
これ<p>でボックス作っとけばいいじゃん。みたいに自分都合で構造を書いてしまう。

31 :Name_Not_Found:2016/04/20(水) 02:07:41.31 ID:???.net
別に div だけでやったって真っ当な HTML ではあるしそこらへんは好きにすればとしか

32 :Name_Not_Found:2016/04/24(日) 12:21:13.98 ID:???.net
時間は有限だからdivかsectionなのかなんてロボット以外にどうでもいいところに時間使ってないで
全部divにして他のところにリソース回したほうがよっぽどいい
そもそもロボットですらsectionとか使った方を優先してるのかって話ですよ
囲碁のトップレベルと対決して圧勝するレベルの人工知能を前に無意味だろう

33 :Name_Not_Found:2016/04/24(日) 12:33:08.12 ID:???.net
divでやるほうがよっぽど面倒だわ
ていうかそれを言いに来るのが君の有意義な時間の使い方なの?

34 :Name_Not_Found:2016/04/24(日) 21:23:13.37 ID:???.net
アホなのかな
どこでも使えるdivの方が面倒なはずねえだろ

35 :Name_Not_Found:2016/04/24(日) 21:45:53.78 ID:???.net
で、いちいちidとかclassとか振ってるわけだ

そっちのほうがずっと回りくどいし面倒だと思うけど
まあ楽だと思うならdivで頑張ってくれたまえ

36 :Name_Not_Found:2016/04/24(日) 22:55:02.31 ID:???.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:2016/04/25(月) 07:19:40.65 ID:???.net
>>35
sectionなのかarticleなのか、はたまたdivにした方がいいのか1ミリ秒も悩まないの?

38 :Name_Not_Found:2016/06/09(木) 22:45:56.43 ID:YX+cREys.net
良スレ

39 :35:2016/06/11(土) 13:44:10.34 ID:???.net
>>37
一々悩まない
勝手に悩んでろハゲ

40 :Name_Not_Found:2016/06/11(土) 15:58:49.17 ID:???.net
>>39
悩んでることをバラすな!

41 :Name_Not_Found:2016/06/11(土) 17:43:56.34 ID:MgUG4I8F.net
>>36
ナイスセンス!

42 :Name_Not_Found:2016/06/14(火) 00:19:04.45 ID:???.net
つーか、プロじゃなくて、見えればいいならどうせ関係ないだろ
プロがタグのスタイル全部リセットしてCSSで定義しなおして使ってるの見て文句言ってるのとそんなに変わらない

43 :Name_Not_Found:2016/06/25(土) 00:21:13.71 ID:B9bu/Z23.net
自分がcss3で書いているのか、css2で書いているのか、css2とcss3混在で書いているのか分かってないんだがどこ見て判断したらええの?
とりあえずネットに載ってるサンプルコードや書籍のサンプル見て適当に書いてるだけ。

44 :Name_Not_Found:2016/06/26(日) 00:39:32.49 ID:???.net
>>43
Web制作が専業でないならいいと思うよ
俺はsass使ってるけどコンパイル後のソースは一応バリデータにかけて
警告でたとこを調べて書き換えてるけど

45 :Name_Not_Found:2016/06/26(日) 04:40:22.00 ID:???.net
>>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かを把握する必要なんて無い。
気にしてるのは、それが動作保証してるブラウザで使えるかどうかだけ。

46 :Name_Not_Found:2016/07/07(木) 18:03:57.74 ID:???.net
スーパーサイヤ人みたいだな

47 :Name_Not_Found:2016/07/25(月) 10:04:59.20 ID:Ci7OID+k.net
ちゃんと対応しているブラウザがまだ存在しないのにCSSレイアウトは時期尚早
どこでも配置モード最強

48 :Name_Not_Found:2016/07/25(月) 17:12:09.22 ID:???.net
もうあんなソフト捨てろよ
これからはpositionの時代だよたぶん

49 :Name_Not_Found:2016/07/27(水) 21:27:19.14 ID:o08cYcCV.net
ちょっと聞きたいんだけど
1つのスタイルに複数のセレクタを指定する場合って、
カンマ区切りだとおもってたけど、テキストのサンプルはスペース区切りになっていて、
最近スペース区切りでOKとかなったの?
st1 st2 {color: red} ←こんなのおKになったの?

50 :Name_Not_Found:2016/07/28(木) 10:40:48.98 ID:???.net
sectionもarticleもdivみたいなもんだろ

難しいことなんて全くないわ

51 :Name_Not_Found:2016/07/28(木) 14:43:58.97 ID:???.net
>>49
CSSのセレクタ結合子は「 」「+」「>」「~」しか無いんだよ
ついでに書くと擬似要素は最後のセレクタにしか効かない

52 :Name_Not_Found:2016/07/28(木) 17:38:34.54 ID:???.net
>>49
何か勘違いしているようだが

st1とst2 に同時に適用するときは
st1,st2 {color: red}

st1の階層下にあるst2に適用するときは
st1 st2 {color: red}

他にもセレクタ結合子はいくつかあるから試してみるといい

53 :49:2016/07/28(木) 17:58:49.16 ID:dRdc9CDt.net
>>51,52
助かりました。ありがとうございます。

54 :Name_Not_Found:2016/07/28(木) 23:03:54.56 ID:???.net
2カラム編集ってエラスティックレイアウトの方が良いのかな

55 :Name_Not_Found:2016/07/31(日) 15:24:31.53 ID:???.net
>>54
俺はもうリキッドレイアウトで良いと思うが
何でそう思う?

56 :Name_Not_Found:2016/07/31(日) 16:46:03.17 ID:???.net
>>55
リキッドで作ったやつを拡大してみるとさ、何とも

57 :Name_Not_Found:2016/10/08(土) 02:56:49.60 ID:???.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:2016/10/08(土) 08:36:04.74 ID:???.net
>>57
> datalist要素内option要素のlabel-value-#textの優先順位が実装レベルで「間違って」いても誰も困らないからそれが当たり前になっていたりとかなw
詳しく

59 :Name_Not_Found:2017/01/28(土) 00:50:51.75 ID:???.net
もう5だけで突っ走ってもええのん?

60 :Name_Not_Found:2017/04/14(金) 11:32:37.42 ID:???.net
IE9切捨て記念保守

61 :Name_Not_Found:2017/11/09(木) 17:16:28.08 ID:???.net
grid革命的に便利だな
クソみたいなネストなくなるのかこれ

62 :Name_Not_Found:2017/12/12(火) 05:53:26.18 ID:MrUcGD8N.net
HPなどで友達が稼げるようになった情報とか

⇒ http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

HZPXTVFV07

63 :Name_Not_Found:2018/05/01(火) 20:30:49.73 ID:l1wYHpV1.net
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

U1S8R

64 :Name_Not_Found:2018/06/09(土) 22:06:42.01 ID:7HAKv1IVZ
札幌フォークの江畑

65 :Name_Not_Found:2023/06/18(日) 12:02:04.73 ID:Ekgt84oNn
世界最惡の殺人組織公明党強盗殺人の首魁斉藤鉄夫らテ口リストに乗っ取られた国土破壞省に天下り賄賂癒着しなか゛ら莫大な温室効果ガスに
騷音にコ□ナにとまき散らして気候変動させて曰本と゛ころか世界中て゛土砂崩れに洪水.暴風、猛暑、干は゛つ,大雪.森林火災にと災害連發
させて大量殺戮して.工ネ価格に物価にと暴騰させて.住民の生活を破壊して私腹を肥やしてるクソ公務員個人に徹底報復しよう!東京都港区
赤坂2丁目17一1Оか゛クソ議員宿舍なのは有名た゛か゛「省庁別宿舎━覧表」で検索すれば全國の公務員宿舍の位置が容易に確認できるのて゛
拡声器や、騒音ハ゛イクで乗り付けてフ゛ァンフ゛アンやりに出向いてやろう!もちろん力による━方的な現状変更によって都心まで数珠つなぎで
クソ航空機飛ばして閑静な住宅地だろうと航空騒音まみれにして生活に仕事にと公然と妨害してるこいつら利権害虫のことた゛から騷音なんて
どうということはないんだろうし、航空騷音に比べれば屁みたいな騒音しか出せないだろうが,遠慮なく大騒音まき散らしに出向いてやろう!
政府という傘で好き放題やってる公務員には個人攻撃が有効!図書館やらて゛フ゛ァンブアンやって税金泥棒利権を徹底的に壞滅させるのも正義!

創価学会員は、何百万人も殺傷して損害を与えて私腹を肥やし続けて逮捕者まで出てる世界最惡の殺人腐敗組織公明党を
池田センセ−が囗をきけて容認するとか本氣て゛思ってるとしたら侮辱にもほどがあるそ゛!
htТРs://i.imgur、сοm/hnli1ga.jpeg

66 :Name_Not_Found:2023/09/18(月) 17:43:31.33 ID:???.net
ウゥ、マズイ(;´x`)y― o。。o○

18 KB
新着レスの表示

掲示板に戻る 全部 前100 次100 最新50
名前: E-mail (省略可) :

read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★