HTMLをスタイルシートなどの手法で簡略化する方法

2007/02/05 15:53

このQ&Aのポイント

HTMLをスタイルシートや他の手法を使用して簡略化する方法を教えてください。
指定のHTMLには非常に長いフレームが含まれており、ページの重さが問題です。
素人ですが、スタイルシートなどの方法でページを軽くする方法を知りたいです。

xa_tubame
お礼率3% (7/208)

HTML
回答数4
ありがとう数0

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

kyonoryori
ベストアンサー率40% (30/74)

2007/02/05 21:39 回答No.3

はじめまして。 HTMLを簡略化したいのですね。#02さんのおっしゃるように<table>を使わずに表組みのような見た目を表示することもできますが、まったく触ったことがないとむずかしいと思うので、現在のソースを軽くすることだけに徹底してみます。あくまで参考までです。ちなみに、どれだけシンプルにしたとしても、1000行のテーブルは表示が重いと思いますよ。いくつかに分割することをおすすめします。・<style>～</style>で、見た目の要素を定義しています。・大きなテーブルを「main」、４列目を「fourth」という名前にしました。・表の見出し（項目名）は、<td>ではなく<th>を使用しました。 <html> <head> <title>TEST</title> <style type="text/css">  </style> </head> <body> <table> ・・・・ </table> <table class="main"> <tr> <th>項目１</th> <th>項目２</th> <th>項目３</th> <th class="fourth">項目４</th> </tr> <tr> <td>１行目内容１</td> <td>１行目内容２</td> <td>１行目内容３</td> <td>１行目内容４</td> </tr> <tr> <td>２行目内容１</td> <td>２行目内容２</td> <td>２行目内容３</td> <td>２行目内容４</td> </tr> ・・・・・ <tr> <td>１０００行目内容１</td> <td>１０００行目内容２</td> <td>１０００行目内容３</td> <td>１０００行目内容４</td> </tr> </table> </body> </html>

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

MAN_MA_RUI
ベストアンサー率41% (426/1024)

2007/02/07 17:16 回答No.4

まさかとは思いますが表データのマークアップをCSSで代用しようとは考えてませんよね？^^; 表として記述すべきものを軽量化だなんだといってCSSで代用するのは逆にユーザーの迷惑になることもあります。もしアレならば表をカテゴリ分けや単純に半分にするなどして分割したりほうが良いかもしれません。

ログインすると、全ての回答が全文表示されます。

noname#26224

2007/02/05 20:03 回答No.2

<table>は表示が遅いので、<span>か<div>で表示する。

ログインすると、全ての回答が全文表示されます。

kaz-5919
ベストアンサー率26% (45/170)

2007/02/05 16:15 回答No.1

スタイルシートは名前の通りスタイル（デザイン）をまとめるのに使用するのでテーブルの内容はどうにもなりませんが上記の例だと trの属性align,bgcolorと tdの属性width,heightをまとめるくらいですかね。。書き方などは↓自分が書くより見たほうがわかりやすいと思いますので。。 http://www.tohoho-web.com/css/basic.htm