きれいなHTMLソース書いて何か良い事ありましたか? (150) TOP カテ一覧 スレ一覧 2ch元 削除依頼
掲示板へのカキコ向上スレ【常連獲得】 (325)
HTML覚える気がない人のためのホームページ作成ソフト (265)
【簡単】取っ付き易いWebページ講座Part3【正確】 (642)
〜福島のWeb制作会社事情〜 (302)
なんでサイトのBBSを置くんだ? (134)
ユーザビリティ、アクセス解析・・ほとんどRー (312)

きれいなHTMLソース書いて何か良い事ありましたか?


1 :2005/11/14 〜 最終レス :2012/09/15
CSSバグ持ちブラウザ切捨て。
ブラウザ表示確認に手間と時間がかかる。
SEOとほとんど関係ない。
さらに売り上げに結びつかない。

ねぇ! 本当にこんなことやる必要あるの!?
自己満足だけじゃない!?

2 :
おなら

3 :
美とはそういうもの

4 :
>>3が良いこといった

5 :
>>4が良いこといった

6 :
>>7が良いこと言おうとしてる

7 :
おなら

8 :
中身よりも見た目が重要。

9 :
こういうスレってWC信者が集まって来てすぐ
1000行っちゃいそう。
俺はCSS使うって言ったら、軽い装飾(em要素に色付けたり)くらいかな。
レイアウトはしません。
時にはブラウザのデフォルトスタイルだって美しく見えるものです。

10 :
>>信者
きれいなHTMLを書く時間を上司からもらう言い訳を教えてくれ。
「○○だから、どうしてもきれいに書きたいんですぅ〜」ってw

11 :
おなら

12 :
>>12
あとはまかせた

13 :
>>12

14 :
筋を通す事は未来への投資

15 :
>>12
ということで筋を通せ

16 :
>>1
データ総転送量の削減

17 :
>>1
後で編集するのが楽になった。

18 :
ソース見直す時に楽

19 :
>>17-18
HTMLエディタ使えばもっと楽だよ。

20 :
釣りは釣堀でお願いします

21 :
>>1
少しは見習え
http://web.archive.org/web/20040623225923/http://www20.tok2.com/home/ilovemankonoana/

22 :
(’Д‘)

23 :
綺麗なコード書くのが手間と思ってる時点で2流3流。
道具を選べ

24 :
汚いよりは綺麗な方がいい

25 :
多大な時間を費やして綺麗にしようと考えるのが間違えです
部屋掃除をすると思うんだけど部屋掃除をする事が間違っているのと同じ考え
そもそも汚さなければよいわけです
綺麗好きの部屋が常に掃除をしなくてもよい常態なのと同じことです
最初から忠実な綺麗なコードを書けばいいのです
わざわざ直そうとするからおかしい事になるのですよ
>>10

26 :
汚い部屋の方が落ち着くのだが・・・

27 :
ちょっと汚いくらいがちょうどいいよな
女子高生のパンティとか

28 :
ちょっと臭うぐらいでも良いよな。

29 :
状態ではなく変態なのです

30 :
その変態行為のおかげでおまえも生まれたんだよ。

31 :
パンティから生まれたのか

32 :
綺麗なHTMLを書く → CSSを使う → ブラウザごとに挙動が違う
・デメリット
NN4あたりのブラウザ切り捨て。
ブラウザごとにテストする必要あり。
・メリット
なし

33 :
死なないで
ねこ大好き

34 :
NN4の切捨てなんてデメリットでもなんでもないぜ

35 :
テキストブラウザは切り捨て。
NN4よりもシェア低いし。

36 :
NN4切り捨て

37 :
NNN

38 :
素人とプロを同一に比べる時点でまちがい
おや?プロでしたか・・・

39 :
同業に受けがいい

40 :
同業に攻める

41 :
だから見ないでクレヨン。

42 :
>>32
>ブラウザごとにテストする必要あり。
自分が普段使っているブラウザとamayaでしか表示確認してねーや

43 :
昔書いたページをきれいに直すのは大変な手間だが
新しくページ作るのが格段にラクになりました

44 :
●インターネットでご活躍の皆様へ、そしてご活躍予定の皆様へ
BIG な BIG な、サーバーを用意しました
遅い・・よく落ちる・・からの開放!さらなるステップアップへ!
http://www.maido3.com/server/

●月々\1,000からのレンタルサーバ
http://www.binboserver.com/
●無料サービス続々登場 !!
DDNS , 掲示板 , QRコード , チャット , 無料ホームページ , 無料カウンタ , etc ....
http://news.kakiko.com/

45 :
そもそも、普通に書けば綺麗に仕上がるものを、わざわざ手間かけて汚くする必要がない。

46 :
はいはいわろすわろす

47 :
某所のHTML採点みたいなの使ってヤフーホーム調べたら20点台でしたが何か?
ソースきれいにしても、ユーザービリティーとは話が違うんじゃないの!?

48 :
テーブルレイアウトでも"きれいなHTMLソース"にはできるぞw

49 :
誉められたことがある。

50 :
divだらけになったw

51 :
さーて。色つけるために、HTML修正するかぁ。
CSSは大変だ!

52 :
span♪span♪すぱぱぱぁ〜ん♪

53 :
divは3つまでな

54 :
divがきれいだとcssファイルが汚くなります

55 :
>>54はidやclassを知らないらしい。

56 :
そう言えばidとclassの違いは知らないなぁ

57 :
JavaScriptやらアンカー使わないならいらないな

58 :
idもclassも知ってるさ。
半端に知ってるから始末が悪いんさ。

59 :
divは終了タグにもidやclass入れるようになればいいのに
自分のソースは</div><!--#layout-->
とかやってるけど他のサイトを研究したりする時わけわかめ

60 :
釣れますかぁ?

61 :
>>53
・ヘッダー
・メニュー
・メイン
・フッター
最低でも4ついります。

62 :
idとclassはデザインを指定するための属性です。

63 :
'`,、('∀`) '`,、

64 :
またまた、ご冗談を

65 :
>>61
・ヘッダー
・メニュー ← list使え
・メイン
・フッター
divは3つまでな

66 :
>>65
メニューの下にアフィリエイトバナー置いてる人もリストにしろってか?
変な法則作ってんじゃねえよ素人が

67 :
CSS2が使えればかなりdiv減らせるんだけどなぁ

68 :
>>65
テーブルでぐちゃぐちゃになるくらいなら、
DIV10個くらいどうでもいいレベルだろが。
おれは4個で我慢汁だが

69 :
66=68≠67
そして65でてこいやごらあ!!
適当な素人発言感染させやがって

70 :
自演の 始まり 始まりぃ〜 ( カン ・ カン ・ カン カン カン カン )

71 :
すみませんでしたm(__)m


一応自演しときますw
66より

72 :
メヌの下にアヒは正直者杉

73 :
よーし。ちょっとデザイン弄くるぞー。


というとき、HTMLを修正している自分がいる。

74 :
きれいなソースを書くようになってから
宝くじには当たるわ、彼女はできるわでいいことづくめです

75 :
札風呂に入った姿を雑誌で見ました

76 :
わたしは憧れのスカートがはけました。

77 :
header(banner)
nav(navigation),(menu)
content(s),(body)
footer

78 :
>>66はリストの使い方を知らない素人w

79 :
>>78
大の大人が子供相手に痛いところを突き始めたw
たぶん高校生なのでそっとしておいてあげましょうね

80 :
divなんて一個も使わなくても普通はマークアップできるもんだが。
まあ小説サイトの意味段落はdivが好ましいと思うけど。

81 :
>>78
>>79
w ← 自演乙

82 :
重複ですよ。削除依頼済み。
ソースなんか気にしてるやつはキチガイだろ
http://pc8.2ch.net/test/read.cgi/hp/1044073843/

83 :
>>82
何でもかんでも関連付ける削除依頼厨R^^

84 :
http://hobby8.2ch.net/test/read.cgi/sony/1132562696/

85 :
他人のCSSかぶせてもきちんとレイアウトされる
CSS切り替えがやりやすい

86 :
>>85
> 他人のCSSかぶせてもきちんとレイアウトされる
そりゃそうだろ。
普通はそのサイト独自のidやclassにスタイルを設定しているわけで、
自分のサイトには大部分のレイアウトが適用されないのだから。
色が変わる程度の変化しかならない。

87 :
色変わる程度なら、別に汚いHTMLソースでも問題ない。

88 :
>>86
>>86
>>86
>>86
>>86
>>86
>>86
>>86
>>86

89 :
>86
>86
>86
>86
>86
>86
>86
>86
>86
>86
>86
>86
>86
>86
>86
>86
>86
>86

90 :
>>86
>>86
>>86
>>86
>>86
>>86
>>86
>>86
>>86
>>86

91 :
>>86が「文書構造をまともにする」の意味のかけらもわかっていないことだけはわかった

92 :
めっちゃくちゃ管理が楽。

93 :
うん、楽だよね。
特にリニューアルのときに凄く思う。

94 :
「きれいな」なんて曖昧なことじゃあスレが盛り上がらん
以下
「strictなHTMLソース書いて何か良い事ありましたか?」

95 :
>>94
ageたのに残念w
Strictの話題専用スレがありまする。

96 :
「きれいな」じゃあインデントがきれいなだけの糞ソースも有りってことじゃんw

97 :
>>96は「きれいなソース」の意味を勘違いしている。
見掛けがきれいでどうするんだ、処理系が綺麗でないと。

98 :
>>9
今更だが、WC信者にワロタ。

99 :
>>98
自分でも気が付かなかった_| ̄|◯
ウォシュレット信者って……

100 :
とても満足した気分になれました。

101 :
6 名前:Name_Not_Found 投稿日:2005/11/14(月) 17:53:21 qstuUII8
>>7が良いこと言おうとしてる

7 名前:Name_Not_Found 投稿日:2005/11/14(月) 17:54:38 ???
おなら

102 :
どう考えても
ソース綺麗に整頓されている方が、検索でヒット伸ばせるので
有利だと思うのだが

103 :
きったねえスパムサイトの方が
検索でヒット伸ばせるだろ

104 :
情報
http://ic.39.kg/san4562/gin.htm

105 :
>>103
そういうことをやっていると、検索順位落とされるどころか
インデックスから削除される可能性もあるぞ。

106 :
>>103
それなんてベーエムヴェー?

107 :
「きれい」という語はいったい何であるか。
また、それを正当化することはできるか。
この2つが問題だ。

108 :
インデントがきれいってことです。

109 :
この板でコテつける意味がわかんね

110 :
cssの方がテーブルよりメンテナンスが楽というのは、たぶん正しくない。
だからcssの方がメンテナンス性がよいからという理由でテーブルを捨てる
意味はあまりないな。

111 :
いや、汚いより綺麗がイインダヨ!!
良い事なんて期待してないって。
とりあえず綺麗に記述。
‐‐‐‐‐‐スレ終了

112 :
実際に検索の上位に表示されるようになったから自分は意味があると思う。
>>1みたいな人のサイトばかりだと、より効果があるので嬉しい。
是非これからもきれいなソースかかないでね。
じゃないとウチの順位が落ちるから

113 :
自分専用の簡易ポータルページは軽い必要がある。
しかもPC(IE、FF、Opera)、Wii(まもなく開始)、DS、TVで見るからかなり頑張らないと崩れる。

114 :
ここのソース最強
http://www.maintaito.com/index.html

115 :
うほ
135334行かよw

116 :
コードの見た目が綺麗かどうかなんてSEOには全く関係ないよ。

117 :
>>116
お前は化石か

118 :
見た目というより、無駄な記述の有無だな
strictで改行が一切無い見づらいソースと
綺麗にインデントされてるけど、tableガチガチだったり、全部インラインでスタイルを指定しているソースを
SEO的に見たらどうかという話

119 :
サイトを楽しんで貰えたらいいんです。
ソースなんて適当でいいんです。

120 :
ソースが適当だとUAによってはレイアウトがぐちゃくちゃになったり、
文章がろくに読めなかったりするわけだ。
サイトを楽しむ以前の問題。

121 :
>>114
何でこんなに行間開けるだろ。何か意味があるの?

122 :
キレイなということは個人差がありますが。。。
ある程度正確XHTMLで記述してCSSで見栄えを指定すれば、間違いなく更新などの運営作業が楽になります。
別にアクセシビリティがなんちゃらとかはtableレイアウトだって極論問題無いと思いますが、こと運営に関しては明らかに楽。
+
システム案件の際には、プログラマーなども楽だと喜びます。

123 :
使用するタグの数を減らしただけで、Googleの検索順位が上がりました(Yahoo!の方は特に変化なし)
おそらく「キーワード出現頻度」と関係があるのかと。

124 :
>>121














どんな意味があるんだろうね

125 :
>>121
見られたくないからだろ。
プロのやることじゃないな。

126 :
Perlあたりで空行すっ飛ばせば見れるっぽい気がしなくもない

127 :
>>10
プロは短い時間で綺麗なソース書くだろ

128 :
ファイル量が多くても、携帯で見た時の表示が早い。
気のせいかも知れないけど。

129 :
【在日北朝鮮カルト凶悪犯罪の歴史・日本編】
1992年 8月28日 顕正会への入会強要 顕正会員 2名 逮捕 送検
1993年 3月26日 拉致監禁暴行 男子高校生失明 逮捕 送検
1996年11月 2日 覚醒剤取締法違反 顕正会員 逮捕 送検
1999年 8月 入会強要で暴行 男子高校生骨折の重傷
2000年12月 入会強要 顕正会員 山口 朝子
2000年11月 入会強要 森田 議文 中原 ムネハル 小川 ジュン 北森 某 事情聴取 厳重注意
2000年 9月 恐喝・入会強要 顕正会員 長井 光二 示談
2000年 5月 2日 顕正会員が強制わいせつ・余罪多数 丸山 陽三 立件 逮捕
2000年 3月18日 顕正会員が違法射撃 秀島 裕展 逮捕 送検
2001年 7月25日 顕正会員が住居侵入・暴行 田中 えりな 逮捕
2001年 7月 2日 入会強要・暴行 桜井 祐也 太田 隆司 高橋 康晃 逮捕
2001年 3月 4日 入会強要 顕正会員 武藤 ひさ子 解雇
2001年 2月25日 入会強要 顕正会員 事情聴取 厳重注意
2002年 6月15日 殺人・覚醒剤取締法違反 顕正会員 宇高 明男 宇高 聡 起訴
2002年 6月15日 殺人 顕正会員 宇高 明男 逮捕
2002年 5月 顕正会への入会強要 小池 淳子 厳重注意
2002年 4月 顕正会への入会強要・殺人未遂・暴行 前川 某 逮捕
2003年11月11日 顕正会への入会強要 松野 登志彦 和田 茂樹 逮捕
2003年 9月19日 軽犯罪法違反(つきまとい) 顕正会員2名 逮捕 送検
2004年 9月14日 大阪教育大付属池田小学校殺人事件 宅間守死刑執行。
2005年 5月 5日 監禁 石川 秀樹 行徳 祐一 逮捕 「 起 訴 猶 予 処 分 」にて釈放。
2006年 7月 3日 傷害 群馬の中沢誠が元短大教授(71歳)を暴行、顕正会群馬県施設に一斉捜査。
2006年12月    埼玉・行田市で溝口順子容疑者(47)ら2人が器物損壊の疑いで逮捕、ほか二名別件で逮捕
2007年 1月11日 「顕正会本部」を初捜索 大学生に入会強要、「神奈川県警公安1課」が3人逮捕
2007年 2月   派遣社員の顕正会員が派遣勤務先から約900万件の個人情報を持ち出し逮捕。
2007年 4月 奈良の騒音おばさん実刑確定。刑務所送りになる。
2007年 4月   1999年9月池袋通り魔事件 造田博被告(31)死刑確定。


130 :
汚いよりは綺麗な方がいい。
ジャイアンにしろ海苔さんにしろ

131 :
>>126
いい事いうじゃねえか。
で、やれるんだな?
今すぐ頼むぞ。

132 :
---- 「ぼくは きれいなxxxx」 の元ネタ って何?
例: 「ぼくは きれいなジャイアン」
「中国の虐殺はきれいな虐殺」(朝日新聞)と同じ?

133 :
綺麗なソースねぇ・・・
一般人がわざわざソースなんて見ないだろうし、自己満足だねw
綺麗なソースで、わかり易いと同業者にパクってくださいと言わんばかりだwww

134 :
綺麗なソースはGreasemonkey書くときにマジ助かる。

135 :
可読性に優れる。人間が作業しやすい。
ソースを書くのは人間だという発想ができないと>>1みたいになる。

136 :
前スレで評価していただいた美容ベースです。
メニューの位置・カラーなど、その他もろもろ修正しました。
再度、評価をお願いいたします。
肌スキンケア・髪ヘアケア 美容ベース
http://biyoubase.com/

137 :
fusianasann

138 :
aaa

139 :
>>716あほかいな

140 :
単純にキレイなソースの方が短時間で書ける、他人が更新したりしなきゃならない時に、
スムースに作業できるし、何か要素を追加したりするときも楽だし、パーツの使いまわしも
しやすい。
と、言ってもそれが実感できるのはキレイに書けるようになってから後のコトなので、
特別キレイに書こうというモチベーションが持てないのは解かるが。

141 :
コンテンツ量が多いページを作る時は、CSSのためのclassとかidとかを
綺麗にフォーマット作らないと後々修正が入ったときに面倒なことになる。
逆に最初に完璧なフォーマットさえ作れば、HTMLをノータッチ&CSSをいじるだけで
リニューアル作業などが素晴らしく効率的に出来る。

142 :
それにつきるね。
滅茶苦茶に書いたら後から直す時作り直した方が早いから
明らかに二度手間

143 :
でも、時代の流れに沿ったコーディングになるから
どっちにしろ、作り直す方が速いんだけどね。
いつまでも技術や環境が変わらない訳じゃないんだし。

144 :
いやそれはない。
綺麗に書いてる(規則きちんともってるなら)
変える際も置換作業一発でやりやすい。

145 :
どうだろうな。
俺はプログラミングもしてるが、最近MVCに則ったコーディングに切り替えてる。
昔からあるとは言え、つい数年前は必要とされなかった。
MVCだから当然コードの流れも大きく変わるし、書き直す必要がある。
同じように「こうすれば後から管理しやすい」ソースの書き方が出てきたら、
置換なんかじゃ無理だよ。サイト構造から直さないといけないんだから。

146 :
一々書き直す必要があるコードなんぞを最初から作ってる段階で無能。
設計段階で間違ってる
しかもPerlやCならともかくHTMLでコードもヘッタクレもねーと思うがw

147 :
言えてる。最初のデザインの段階でしっかり設計できてれば後からなんて
その雛形のコピペであっという間に量産できるし置換作業も規則がハッキリしてる分
極めて楽に済むんだから全体通して作業が至極楽できる。
結局は綺麗に書くに限る。

148 :
> 最初のデザインの段階でしっかり設計できてれば
現実にはそれはありえない。
人間は成長するものなんだから
もっとよいデザインをあとから思いつく。

149 :
それは素人レベルだな。
まともなレベル以上は事前考察からしっかり企画設計計画の段を踏んでるから
1からやり直しなんて愚は避けれる

150 :2012/09/15
創価R
創価R
創価R
創価R
創価R 
創価R
創価R
創価R
創価R
創価R
創価R 
創価R 
創価R
創価R 
創価R
創価R
創価R
創価R
TOP カテ一覧 スレ一覧 2ch元 削除依頼
なんで左寄せサイトが多いんだよ!見にくいだろハゲ (141)
AdobeがMacromediaを34億ドルで買収 (441)
XHTMLは役立たずと言っていた人が正解でした (165)
<DIV>最強<span>(・∀・)</span>便利</div> (138)
CGクリエイター検定Webデザイン部門 (164)
こんな訪問者はもう来るな! (749)
--log9.info------------------
発達障害でも必死に会社に行っている人1 (261)
今まさにうつ病で就職活動してる人 26人目 (115)
回復に向けて努力中の境界性人格障害 Part28 (180)
【ネッコ】Alternative Space Necco【発達障害】 (121)
話を聞いて欲しい人、聞くからおいで 432 (868)
●自己愛性パーソナリティ障害本人スレ part30● (145)
アダルトチルドレン回復過程・克服後スレ Part19 (651)
楽しいアファメーション (128)
【ロルメタゼパム】ロラメット・エバミール 5〜良薬 (630)
躁鬱に迷惑をかけられた (131)
【精神科】山梨のメンタルヘルス 2【心療内科】 (371)
○●漢方薬を服用している方●○ 実質9包目 (454)
大阪南部の精神科6 (889)
自助グループってどうよ5 (919)
〓自殺未遂した人に質問です!!〓Part2 (379)
精神障害者のダメな所 (117)
--log55.com------------------
(公社)日本空手協会〜松濤館流〜 本スレpart31
極真空手がグレーシー柔術を倒し、MMAを制した
武壇2ちゃんねる分壇27
空手の型はやるだけ無駄と言う現実111
【厳しいか?】“稽古が厳しすぎる空手”動画投稿
通り魔相手に効果的な格闘技4
剛柔流空手道15
【BJJ】ブラジリアン柔術総合スレ100 ステ禁止