htmlを勉強してまだ間もないです。
テーブルタグを使い始めて便利だなあと思った矢先、HTML4.01規格に準拠できなくなるという文章をサイトで見つけました。
これってどういうことですか?使えないということなんですか?
ちなみに会社のWebを更新する時には、サイトアップというソフトを使わなければならないのですが、ソースを見るとHTML4.01であってもテーブルタグは使えているようです。
他にもデータが重くなるとか、スタイルシートで使うことを勧めるとかサイトには書かれていたのですが、サイトアップではスタイルシートはいじれないのでどうしたものかなと考えています。
アドバイスお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (6件)

>HTML4.01規格に準拠できなくなるという文章をサイトで見つけました。


それは無いです。
tableタグがある以上は、少なくとも向こう10年程度は新しいブラウザでも対応するという事です。

その証拠に、
最新ブラウザでさえも、規格でサポートしていない非奨励タグをいまだにサポートしています。

昔は、ブラウザがCSSをあまり対応出来ていなかったので、
皆がtableレイアウトを使ったものですが、
CSSがフルに対応できるようになってから、
上級者達は、デメリットを考慮し、わざわざtableを使う事が無くなりました。

但し、今後も「表」としては利用されますよ。
だから、しばらくは利用できるって事です。

ですから、スタイルシートが使えないのであれば、
(サイトアップというソフトは知りませんが)
昔風にテーブルレイアウトを使うしかないでしょう。
もしくは、
別のサービスに乗り換えて、CSSを利用するか?

それは、質問者さんのスキルや手間暇・経費での
メリット/デメリットを考えれば答えが出るでしょう。

少なくとも、
テーブルでレイアウトしたサイトと
CSSでレイアウトしたサイトを比較した場合、
CSSがお勧めですよって事で、
表示出来なくなる事もないですし、絶対ダメですって事ではありません。
(※ ウェブの話であって、そのソフトでの話ではありません・・・)
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
端的でわかりやすい説明ありがとうございます。
参考にさせていただきます。

お礼日時:2011/04/28 09:36

CSSがいいとされていますが、どっこい私はテーブルタグを使ってレイアウトしています。



以前、IEだと同一テーブル上に読み込めない状態があると、そのテーブル全体がまったく表示されませんでした。
つまり、見る人からするとずっと表示されない状態が続き、恐らくすぐに画面を閉じられる状態だったと思います。

しかし、その後FireFoxなどの新しいブラウザが登場し、IEのレベルの低さが白日の下にさらされ、ユーザーにも新しいブラウザが普及しています。
新しいブラウザですと、テーブルが最後まで読み込めていない状態でも、読み込めた状態の部分は表示されるようになっています。
ですので、必ずしもCSSでデザインする必要はないです。

CSSの大きな弱点としては、何らかのトラブルでCSSが読み込めなかった場合、サイトのデザインが大きく崩れるというのがあります。
私の経験上100回に1度くらいはそういうことがあり、そうなったサイトは文字の羅列となり、デザインもあったもんじゃありません。
テーブルですとそういうことはないので、サイトのデザインが大きく崩れたりはしにくいというメリットがあります。
CSS推奨と言われても、これじゃ怖くて使えません。

CSSは文字の指定などにも使えますので、テーブルとCSSを組み合わせるのが現在の常套と考えます。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
CSSも弱点があるんですね。
なぜか原発で外部電源が全て消失したことが頭に浮かびました。
Web制作もリスク管理が大切ですね。

お礼日時:2011/04/28 09:38

 私がHTMLを学び始めたころは、HTML2.0の時代でやがて3.2の時代になり、4.01になりました。


 大変便利なマークアップ言語で、タグでマークアップすれば色々なデザインができました。画像をスライスして並べてメニューを作ったり・・・

 検索エンジンも基本的に作者が登録するタイプが主流で、今のようなロボットもありませんからまったく支障はありませんでした。日本全国でまだ数千しかサイトがない幸せな時代でした。
 3.2あたりでは<BLINK>(Netscape独自で点滅や、<MARQUEE>(IE独自で流れる文字)とかもありました。当時のHTMLはデザインのためにタグを使うのが当然の時代でした。

 しかし、サイトも何万、何億と膨大になり、あわせて検索エンジンも進化したロボット型が主流となると、探している情報がどこにあるかを的確に示すデータベースをロボットは作らなければなりません。そのためには、ネット上にある文書がきちんとマークアップされてないとなりません。
★記事の中で
 ・何が見出しで
 ・何が引用された文章で
 ・何が表であるか
 などなど・・・。
 ところが、字を大きくするために<h1>をつかい、改行に<br>をつかい、行間を空けるために<p>をつかったり、ナビゲーションリンクの変わりに画像<img>をつかったり、ひどいものになるとデザインのために表<table>をつかったりすると、そのページが何の情報を発信しているのかわかりません。

 その反省に立ってHTML4が誕生しました。文章はいくつかの要素でできているはずなのでそれを正しくマークアップしよう。すなわち、
★文章の構造にしたがってマークアップしよう。
 見出しは<h1>~</h2>
 重要な語句は<strong>や<em>
 表は<table>
 引用は<blockquote>や<q>
★本来の目的を外れた使い方はやめよう
  # メーカー独自拡張のHTMLを使う。
  # テキストを画像に置き換えて表現する。
  # 余白制御のために画像を用いる。
  # ページレイアウトの目的で表を用いる。
  # HTMLでページを作らずにプログラムに頼る。
 この部分[14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より引用。
★見栄え、プレゼンテーションはスタイルシートに一任しよう。

 このあたりのコンセプトは
構造とプレゼンテーションの分離 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
HTMLの略歴 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
 などにも詳しいです。
 
★いい加減な情報ではなく、まず仕様書を隅々まで目を通しておくことを強く勧めます。たぶん答えはそこにしかないです。
HTML 4.01 Specification (ja) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
前の方へのお礼でも書いたのですが、制作の前提として背景を知ることはとても大切ですね。
なんで義務教育で歴史を勉強するのか今更ながらわかった気がします。

お礼日時:2011/04/28 09:33

>オーバーライドとはなんですか?



http://search.yahoo.co.jp/search?b=1&n=10&ei=UTF …

で見てもらえればわかります。一般用語でもありますが、プログラミングの世界ではこのような意味です。と言うことです。

例えば、HTMLはある意味、インタープリターとしてブラウザからすると動作するし、スクリプトファイルとしても動作します。

これは、上から下へ、左から右へ読み込まれ実行されます。ただ、DOSのBATファイルと違うのは、JavaScriptがオブジェクト指向性のスクリプト言語であり、BATはそうではないので、必ずしも、その通りの順番で実行されるわけではない、と言うことです。

とすれば、公開用のCSSファイルを読んだ後に、自己のファイルを読めばいいわけです。これをオーバーロード。

CSSだと、ヘッダーで指定されたスタイルは、各オブジェクトでの指定が優先され、これをプログラミング的にはオーバーライドと呼んでいます。
<読み込まれるCSSの中身>
DIV { backgorund: black}
<div style="background:red">

だと赤になりますね。どちらも、以前の物の設定はそのままで、最後に読み込んだもの、設定された物が効果があり、その設定が生かされます。もちろんDOM的にも動的に書き換える方法は提供されているので、いくつものオーバーライドのやり方があります。

これらを一まとめにして(本来意味は違うが)、オーバーライドと呼ぶと、ほとんどの方に通じます(プログラムを知らない方でも)。直訳すれば、上書きですよね。本当はちょっと違うが、開発レベルの方が、いろんな会議で説明する場合、意味を拡大して、単語を使う事が多いです。(イベントドリブン=> イベントトラップ トラップの方が一般的でわかりやしでしょ。イメージしやすい)


提示されたサイトを読むと、ちゃんと書いてありますね。

>まずはc、w3cの提唱するHTML4.01規格に準拠

この「準拠」は、「思想的な問題で」にかかっています。HTML4.01規格には特に定義されていません。

http://www.w3.org/TR/html401/struct/tables.html

が本家です。そこにDTDが記載されているかと思います。それが規格です。DTDもちゃんと勉強してください。

このDTDに、TD,THが、どのオブジェクトの配下に入り、TDの配下にはいるのはどのようなオブジェクトなのか規定しているものです。また、それを補う文が付加され、仕様がきまています(DTDは階層定義と属性の定義、オブジェクトの定義が示されている)。

ここ以外の規定は、それぞれのブラウザのエンジン及びDTDによります。

「思想的な問題で」は、翻訳サイトがあるのでそれを見ればわかりますが、確かに序文とかに記載され、その通りです。CSSでレイアウトする事を求めています。なので私はそうしていますが、

「、HTML4.01規格に準拠できなくなるという」は明らかに意味を取り違えています。そのサイトの文はちゃんと「思想」といっています。

準拠とは、上記の仕様書(W3C)の該当箇所の仕様に準拠するかどうかの問題で、サイトの著作者も、もうちょっと気おつけて「準拠」と言う言葉入れてもらいたかったですね(準拠とは妥当ではない)。

私は今の風潮(tableタグをレイアント(配置)として使わない)は大賛成で昔(10年以上も前)からそうしてきましたが、説明のしかたとして、限定されるの嫌いです。

問題は、テーブルタグを、「罫線」としてみるか「スプレッドシート」みるかの違いだと思っています。つまり、升目に意味があるかどうかです。ワードの罫線とエクセルの表の違いですね。

社会人初心者だと、この表つくってと言うと、ワードで作るか、エクセルで作るか、かなり悩むようですね。発展性が無い表、例えば連絡書みたいな社内報であれば、ワードで作ればいいし、支店の売り上げであれば、その後の展開を考えれば、エクセルで作る事が望まれます。

これが、HTMLのTABLEタグでもまったく同じ事が言えると言う事です。

わかりましたか? つまり、経験ですね。

ようは、ケースバイケースであって、それが正しいとは、その状況、環境で決まるのであって、他人が、おかしいというのはおかしい。

示されたテーブルタグの説明も実際に、作って実測してみてください。単に保存して、コピペすれば1000個(レコード)ぐらい簡単ですよ。

10年前作っていた時、マシンの性能がわるかったため、JavaScriptとかCSSなんか入れるな! とよく言われたものです。HTMLタグだけで作れと!。 なんでTABLEタグが重宝されたんですよ。

その残党が生き残っているのでしょう。

そのサイトの説明には穴があり、「レイアウトに使って無くても、TABLEタグはあまり使うな」と言うのが本来の意味です。レイアントとして使うなは、単なる言い訳に過ぎません。

テーブルの仕組みは、スプレッドシートと同じなので、結局、

表は大きくするな

が、このサイトの教訓です。読み違えないように。ただね、前回も書きました、XPマシンの時代なら、そうとも言えるが、Widows7マシンではほとんど関係ないや。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
なるほど、よくわかりました。
おかげさまでよく理解できましたので、それを踏まえて制作していきたいと思います。
背景を知らないと誤った感覚で制作し続けてしまいますね。
そういう意味でいい機会だったと思いました。

お礼日時:2011/04/28 09:24

>準拠できなくなるという文章をサイトで見つけました。



この文献の元を書かないと、どうもこの質問の信頼性に掛けます。URLを記載したり、著作者を書かないと、この手の書き方だと、通常、本人が、第三者に透過して、発言するやり方によくにています。

また、質問者=回答者と言うパターンでも使われる手ですね。

>サイトアップではスタイルシートはいじれないのでどうしたものかなと

だから、どうしたというレベルです。通常、オーバーライド(ト)すれば言いだけの話。

>データが重くなるとか、

俗に言うXPマシンの時代の話ですね。現在のCSS、JavaScript、HTMLの読み込み量をみれば、TABLEタグを20個つかってもたいしたことのない、影響です。そでこ、1個、2個使ったところで、1、2秒とかのれべるです。

つまり、影響するファクターとして、サーバーマシン&ネットの状態(送受信問題)と、アンチウィルス、ブラウザ、及びクライアントマシンのパフォーマンス(クライアントマシンの処理能力)です。

とくにブラウザは軽量なIE以外の(オペラが軽いかと言う問題もあるが)ブラウザと、IEなどの超ヘビー級重量打線との処理の違いを認識すべき問題です。

重量級は、マルチコアで使って初めて本領を発揮します。逆に軽量級のブラウザでは、XPマシンレベルで快適に動作してくれます。つまり、CPUの処理能力とメモリーがたくさんあれば、

たかだかTABLEタグが100個あったところで、

たいした問題ではない

と言うことです。なんていってもすぺて分散処理されるので、現在だと20個のCPU(10コア+ 10スレッド)で処理するわけですから、その程度の問題は、戦車に玩具のブリキ戦車で立ち向かうのと同じです(Xeonであれば、40CPUとなる)。これは特に

IEで最適化されています。

問題なのは、それ以外のファクターで、最近だったのか、アドオンソフトのパフォーマンスの指摘を各ブラウザのメーカーが指摘しています。問題はそこです。

さらに、問題なのは、アンチウィルスのハックですね。このハックしている時間もエンドユーザーからするとブラウザのパフォーマンスのせいにされています。まず正確に測るなら、OFFにしてから計りましょう。

その辺の環境変化に対して、理論から提唱しても、何の特にもなりません。最新マシンで実測した結果を述べてもらってください。

質問者も手に入りやすい、6コア12スレッドマシンでメモリーを8GBつんだ環境で64ビットをネイティブで対応しているブラウザ(IE)で実測したらいかかでしょうか?

これで32ビットブラウザと比べ、さらに廉価版である2コア又は4コアのマシンで同じように実験すれば、何が正しいのかわかるはずです。

ここが肝心ですが
ただ、TABLEタグを配置するタグとして使うやり方は、趣旨に合わないといわれるが、そんな事はない。私は当初から使ってはいなく、CSS(1.0の時か)で行ってきたが、”表”として定義されていると、よく言われるが、

その表自体、よく考えてみると、「どこに何を表示する」と言う事を命令するのであって、データーの一覧を表示するためタグではない。データーを表示するためであれば、マイクロソフトが提唱したDHTMLのように又はC#などのように、データーとバインドすることを最初から定義していないとおかしい。

例えばTBODYなどである。またこれに対するDOMもレコードとして最初から定義していないとおかしい。

つまり最初から、セル(データーの最小単位)の配置として定義されているのあって、それを拡大した解釈に過ぎないのが現在の使われ方。

>HTML4.01であってもテーブルタグは使えているようです

消える事は、どこにも記載されていませんし、うわさにもありません。もちろん違う枠組みでは必要性が問題視されていますが。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
準拠については、以下のサイトに書かれていました。
http://ningyokan.nisfan.net/essay/w003.html
オーバーライドとはなんですか?
初めにも記述させていただきましたが、まだ勉強中の為それを考慮していただけると助かります。

お礼日時:2011/04/26 16:39

HTMLは便利なもので、ブロックレベル要素、インライン要素を気にせず、


更には本来の用途を無視して利用することが出来てしまいます。

<table>は、本来、表を構成する為に用いるものであって、レイアウトを
構成するものではありません。

区切りを意味する<div>、<span>などを利用して、独立した複数のコンテンツを
生成し、更に、CSSによってレイアウトを構成するという手順が本来通る道です。
本来HTMLは、文書構造を決定するものであり、レイアウトを決定するものでは
ありません。

また、勘違いしないようにお話すると、<table>を使うのが悪なのではありません。
本来の用途とは異なった用途で<table>を利用することが悪なのです。
それは<table>に限ったお話ではありません。

ここで疑問になるのが、<table>でも出来るじゃん!別に出来るんだから
それでいいじゃん!です。

<table>だけで構成されるHTMLは、デメリットがいくつかあります。
 ・変更が必要になると、途端にメンテナンス性が悪くなる。
  (いくつかのコンテンツが密結合であり、独立性がない為)
 ・ブラウザに組み込まれているレンダリングエンジンがHTMLを解釈して
  ページを表示する為、<table>を乱用すると、途端に表示が遅くなる。
 ・文書構造としておかしい為、SEOとしては好ましくない。

サイトアップっていうのはこれのことですか?
http://www.siteup-system.com/cgi-bin/siteup_syst …

どんだけの素晴らしいソフトウェアなのか知りませんが、全てを<table>で構成してしまう
ようなソフトウェアなら、それはもう廃れたものですよ。
それでもそのソフトウェアで作成したページを利用したいというならば、諦めるしか
ありません。
SEO診断とかあるくらいなんだから、CSSくらい対応してそうな気がしますけど。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
サイトアップはすばらしくありません。やりにくくてしょうがないです。
別途、ゼロベースから作り直しているのですが、それが完成するまでの間は更新にサイトアップを使わざるを得ない為、CSSを使わずhtmlのみでなんとかならないかと今回の質問をさせていただきました。
今のところテーブルでレイアウトするしかなさそうな感じがしております。

お礼日時:2011/04/26 16:42

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qかわいい文字にしたい!!

HPの文字をかわいくしたいのですが、画像化すると一部が太くなっちゃったりでよくありません。(HG丸ゴシックM-PRO使用)。
タグで字体をかわいくする方法は無いのでしょうか?

あと、画像の上にタグで文字を書く方法はありませんか?(文字も画像化するのではなく・・・。あと壁紙とは別で)

よろしければ教えてください

Aベストアンサー

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>TestPage</title>
<style type="text/css">
<!--
body { font-family : "DHPまるもじ体","DFまるもじ体","MS P明朝",serif ;
}
-->
</style>
</head>
<body>
<h1>今年のスローガン</h1>
<p>お年寄りに席を譲ろう!</p>
<p>ただし相手のコンピュータ内にFONTが無ければ最後の serif が適用される。</p>
</body>
</html>

参考URL:http://www.hajimeteno.ne.jp/others/font/fontlist.html

Qhtmlでテーブルタグを使わずにCSSのみでテーブルを作成する方法を教

htmlでテーブルタグを使わずにCSSのみでテーブルを作成する方法を教えて下さい。

現在私はブログを所有しており、ブログ内の記事の中に小さな1.2行程度のテーブルを入れたいと思っています。
記事の中に直接テーブルのタグを書き込むと、ものすごい量のタグになってしまい、検索エンジンの読み込みに不利ですので、CSSにて記事の中用のテーブルタグを作り、それを<div class="">~略~</div>の形で省略して記事の中で使用していきたいと思います。

全くの初心者の為、質問が上手にできていないかと思いますので、具体的には下記のサイトを拝見して頂くと幸いです。
http://www.operationcheck.com/seo/seomeasure6.html
サイト内で書かれている、中程の「じゃあ、なぜCSSが必要なのか?」以降が、私の質問したい内容です。しかし、このサイトでは、CSSの具体的な使用方法については、書籍の紹介になっていました。

その上記サイトに記載されております、「CSSだけで書いた方」(グレーのテーブルの中の文です)は、

『<div class="box2">
<p>普通に見る限りでは、大した違いを感じることは出来ません。<br>
ちなみに、こちらはHTMLを使わずCSSのみを使って作成しました。 </p>
</div>』

<div class="box2">~略~</div>という風に、<table>のタグを使わずに、divのみで構成されています。
このように、記事の中でテーブルを省略し、divのみで、反映させるCSSの記載方法(タグなど)を教えて下さい。

また、具体的に、CSSのどこに、そのテーブルタグを書きこんでいけばよろしいのでしょうか。
例えば、/* エントリー部分の設定 */
もしくは、/* 各部のテキスト設定 */
の中でしょうか?

htmlでテーブルタグを使わずにCSSのみでテーブルを作成する方法を教えて下さい。

現在私はブログを所有しており、ブログ内の記事の中に小さな1.2行程度のテーブルを入れたいと思っています。
記事の中に直接テーブルのタグを書き込むと、ものすごい量のタグになってしまい、検索エンジンの読み込みに不利ですので、CSSにて記事の中用のテーブルタグを作り、それを<div class="">~略~</div>の形で省略して記事の中で使用していきたいと思います。

全くの初心者の為、質問が上手にできていないかと思いますので...続きを読む

Aベストアンサー

Tacosan さんの仰るように、div を使うか、table を使うかは、
> 本当に表を作りたいのなら table要素を使うべし. 表でないのなら table要素は使わない.
の通りですから、私は、
> また、具体的に、CSSのどこに、そのテーブルタグを書きこんでいけばよろしいのでしょうか。
に付いて。

ハッキリ言って、実際に div を使った記述がなされているので、使われているスタイル・ファイルを見るのが手っ取り早いでしょう。
実際に見てみると、該当するのは
> .box2 {
> width: 444px;
> border: 3px solid #0000FF;
> height: 60px;
> vertical-align: middle;
> color: #FF0000;
> }
ですから、これを参考にしては。

Qかわいいの違い

男性の方に質問したいです。
(もちろん女性の方のお答えもありがたいです!)


よく男性が
あの子かわいいとかあの女優かわいいって言いますよね。
それと
こどもを見てかわいいと言うのの違いってなんですか?


こどもっぽくてかわいいのかわいいは
恋愛対象じゃないですか?

Aベストアンサー

真面目に回答すると、
「かわいい」は語源が「顔映ゆい(かおはゆい)」=相手の顔がまぶしくてまともに見れない・気恥ずかしい から⇒ 正視できない(ネガティブな意味で) ⇒ 可哀想といういたわり(今でも可哀想なことを「かわい」という地方あり) ⇒ 現在の可愛い(愛らしい様子を示す)
という変遷を経ています。

その上で、女優とか女の子をかわいいという場合、「可愛い」で主に顔・容姿を褒める言葉になります。子供を見てのかわいいは「可愛らしい」という表現に置き換えられます。「可愛らしい」は顔・容姿だけというよりも声や仕草等を含めた、「総合的な雰囲気が愛らしい」ということになります。

「可愛い」は感情形容詞で主観の印象
「可愛らしい」属性形容詞で主観には置き換えられない、属性としての形容になります。

さて子供っぽくてかわいいと貴女が男性に言われた場合、
①総合的な雰囲気が愛らしい、庇護欲をそそる、と恋愛対象になる場合と
②本当に属性としては愛らしいが、子供っぽい=レディではない、と現時点で恋愛対象になっていない場合と
二通り考えられます。
ただし、後者の場合でも愛らしいとは思ってもらえているので、今後恋愛対象に発展する可能性は十分にあると思いますよ。

真面目に回答すると、
「かわいい」は語源が「顔映ゆい(かおはゆい)」=相手の顔がまぶしくてまともに見れない・気恥ずかしい から⇒ 正視できない(ネガティブな意味で) ⇒ 可哀想といういたわり(今でも可哀想なことを「かわい」という地方あり) ⇒ 現在の可愛い(愛らしい様子を示す)
という変遷を経ています。

その上で、女優とか女の子をかわいいという場合、「可愛い」で主に顔・容姿を褒める言葉になります。子供を見てのかわいいは「可愛らしい」という表現に置き換えられます。「可愛らしい」は顔・...続きを読む

Q【HTMLタグ】テーブルを教えてください!

図のようなテーブルを作成したいのですが
どなたか教えて頂けないでしょうか?


<table border="1">
<tr><td>A</td><td>C</td></tr>
<tr><td>B</td><td>D</td></tr></table>

ではだめでした。

横書きにしたい部分は<BR>で対応できそうです。

よろしくお願いします。

Aベストアンサー

左下のへこんでて枠線のない部分はCSSでないと無理だと思います。
(そういう意味じゃない?)

----- CSSを使った例 ----------------
<html>
<head>
<style>
table { border-collapse: collapse; }
td { border: solid 2px black; }
.tategaki { text-align: center; }
.nocell { border:none; }
/** 以下は文字の太さやセルのサイズ **/
table { font-weight:bold; }
td { width: 80px; height: 80px; }
</style>
</head>
<body>

<table>
<tr><td rowspan="2" class="tategaki">縦<br>書<br>き</td>
<td>A</td><td>C</td></tr>

<tr><td>B</td><td>D</td></tr>

<tr><td class="nocell"></td><td colspan="2">横書き</td></tr>
</table>

</body>
</html>

左下のへこんでて枠線のない部分はCSSでないと無理だと思います。
(そういう意味じゃない?)

----- CSSを使った例 ----------------
<html>
<head>
<style>
table { border-collapse: collapse; }
td { border: solid 2px black; }
.tategaki { text-align: center; }
.nocell { border:none; }
/** 以下は文字の太さやセルのサイズ **/
table { font-weight:bold; }
td { width: 80px; height: 80px; }
</style>
</head>
<body>

<table>
<tr><td rowspan="2" class="tate...続きを読む

Q変な質問ですが答えてくれると有りがたいです。 私はよくかわいいって言われます。顔が綺麗とかなんち

変な質問ですが答えてくれると有りがたいです。

私はよくかわいいって言われます。顔が綺麗とかなんちゃらって。
部活で他の学校の人と会っても、かわいいとかめっちゃ言われます。いつもいつも言われます。先輩や友達、いろんな人から言われるのですが、自分自身かわいい要素なんてまったくないし、
そもそもお世辞なの知ってるし、
なんでそんなにかわいいとか言って気を使ってくるのでしょうか?
ハーフだけど、かわいいハーフとはちがうのに、私だってかわいくなりたいのに、
嘘はもうウンザリです。
○○(私)ってかわいいねー!とか、なんでそんなにかわいいの?とか、もう聞く度に嫌になります。ブスなの知ってるのに、
余計に傷つきます。
かわいいって気を使うのは何故なんですかね?

Aベストアンサー

北米からの回答です。私の子供もハーフです。日本人寄りのごく普通の顔ですが、可愛いとよく言われます。日本人でも外国人でもない見かけが目を引くんでしょうね。
外国でもこれだけ目を引くんだから、日本ならハーフはさらに目を引くでしょう。日本人に無いもの(色白とか、茶色い髪とか、彫りの深い顔立ちとか)を持っているから、皆あなたのことを可愛い可愛いって言うんですよ。自分のことを可愛くないと思っているようですが、もっと自分の特性を認めて自信を持ってくださいね。

QHTML5で、テーブル内tdタグの高さを常に固定に

HTML5で、テーブル内「tdタグの高さ」だけを常に固定にしたいのですが、
どうすればよいでしょうか?

文字が少ないときも、
文字が多いときも、
常に固定にしたいです。

文字が多いときは、全部表示しなくていいので、
高さを固定でいきたいです。

横幅は変動。

用途は、
スマートフォン(Android/iPhone)表示用です

Aベストアンサー

 HTMLではなく、スタイルシートの問題ですね。その端末は、CSS2.1に対応していますから、単純にCSS2.1で指定すれば良いです。

 tableは本来、可能な限りウィンドウ幅に合わせて描画し、内容の量に応じてセルの幅を割り振ることになっています。そうしないと困るからです。
 デザインのためにtableを使うのは、HTML4.01の時代から禁忌ですから別にします。
【引用】____________ここから
Tables should not be used as layout aids.
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[4.9 Tabular data — HTML5( http://www.w3.org/TR/html5/tabular-data.html#tabular-data )]より
 

 ブロック要素の高さは、height,min-height,max-heightで指定され、基本的に親要素の高さを参照します。
10.6.3 通常フローにある非置換ブロック要素、非置換浮動要素の場合 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visudet.html#q17 )

<table summary="toA">
 <tbody>
  <tr >
   <td></td>
   <td></td>
なら、
table[summary="toA"] td{height:80px;oveflow:hihhen;}

 HTMLではなく、スタイルシートの問題ですね。その端末は、CSS2.1に対応していますから、単純にCSS2.1で指定すれば良いです。

 tableは本来、可能な限りウィンドウ幅に合わせて描画し、内容の量に応じてセルの幅を割り振ることになっています。そうしないと困るからです。
 デザインのためにtableを使うのは、HTML4.01の時代から禁忌ですから別にします。
【引用】____________ここから
Tables should not be used as layout aids.
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[4.9 Tabular data — HTML5...続きを読む

Qかわいい○○には、△△をさせよ

「かわいい子には旅をさせよ」と言いますが、あなたなら、かわいい誰に何をさせますか?

「かわいい○○」は、子供でも恋人でも、或いはペットでも何でも結構です。

Aベストアンサー

「かわいい子には、近場の旅をさせよ」

原題と同義。上司として部下を見るときの話。近場だけにいて同じところ(状況)だけにいるのも困るし、フォローできないところまで突っ走るのも困るし。管理能力の足りない自分が言うのもなんだかな?とは思いますが。

多分、言われているほうが多い。(旅しなくて)

しゃれで、「かわいい子は、何をしてもかわいい」ではダメ?

QHTMLでテーブルタグを使って複雑な表を作成するときの記述方法について

複雑な表の作り方について、質問致します。
例を挙げますので、そちらをもとに回答を頂ければと思います。
<例>
作りたい表は2行のもので、1行目が7列、2行目が4列のもので、同じ行にあるセルはどれも同じ大きさとします。

※注1
4と7の最小公倍数は28ですから、2行28列の表を作り、1行目では4セルごとに「セルの結合」をし、2行目では7セルごとに結合することで、希望の表は作れますが、あまり賢い方法とは思えないので、一般的な方法を教えて頂けたらと思います。
※注2
「各行を別々に作って改行し、あたかも1つの表に見せる」という方法もありますが、1行目と2行目の間が周囲の枠の厚さより2倍厚くなるので、これも避けたいです。

説明が長くなりましたが、回答をよろしくお願い致します。

Aベストアンサー

テーブルを2段にしても、枠の太さが同じならいいわけですよね。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
<!--
table { width: 100%; border: solid 1px #666666; }
td { border: solid 1px #666666; padding: 4px; text-align:center; }
-->
</style>
</head>

<body>

<table style="border-bottom-width:0px" cellpadding="0" cellspacing="0">
<tr>
<td style="width:15%">1 - 1</td>
<td style="width:14%">1 - 2</td>
<td style="width:14%">1 - 3</td>
<td style="width:14%">1 - 4</td>
<td style="width:14%">1 - 5</td>
<td style="width:14%">1 - 6</td>
<td style="width:15%">1 - 7</td>
</tr>
</table>

<table style="border-top-width:0px" cellpadding="0" cellspacing="0">
<tr>
<td style="width:25%">2 - 1</td>
<td style="width:25%">2 - 2</td>
<td style="width:25%">2 - 3</td>
<td style="width:25%">2 - 4</td>
</tr>
</table>

</body>

</html>

テーブルを2段にしても、枠の太さが同じならいいわけですよね。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
<!--
table { width: 100%; border: solid 1px #666666; }
td { border: solid 1px #666666; padding: 4px; text-align:center; }
-->
</style>
</head>
...続きを読む

Qかわいい映画

かわいい映画を教えて下さい。

主人公がかわいらしい女の子 → アメリ
子供がかわいい → 点子ちゃんとアントン
コメディタッチのかわいい → トイストーリー

など。かわいいの解釈は何でも結構です!
でも、面白かったものでお願いします!

Aベストアンサー

赤ちゃん泥棒
E.T.
イウォーク・アドベンチャー
グレムリン1~2
ミセス・ダウト
カーリー・スー
ベートーベン1~3
ベイブ1~2
スチュアート・リトル1~2

なんかいいですよ。

Qテーブルタグで作った表を左側に、右側に表とは関係なく文字入力をするにはどのようにHTMLを組めば良いでしょうか?

テーブルタグで作った表を左側に、右側に表とは関係なく文字入力をするにはどのようにHTMLを組めば良いでしょうか?

よろしくお願いします

Aベストアンサー

CSSのfloatでレイアウトするのが一般的だと思います。
少し勉強してみましょう。

テーブルタグの中にテーブルタグを書けば、HTMLでも実現可能ですが、現在はあまり推奨されていません。

<html>
<head>
<style type="text/css">
<!--

div.leftbox{
width:100px;
height:200px;
float:left;
}

div.rightbox{
width:200px;
height:200px;
}

-->
</style>
</head>
<body>
<div class="leftbox">
<table border="1px">
<tr>
<td>a
</td>
<td>b
</td>
<td>c
</td>
</tr>
<tr>
<td>a
</td>
<td>b
</td>
<td>c
</td>
</tr>
</table><br>
<table border="1px">
<tr>
<td>a
</td>
<td>b
</td>
<td>c
</td>
</tr>
<tr>
<td>a
</td>
<td>b
</td>
<td>c
</td>
</tr>
</table>
</div>
<div class="rightbox">
<p>この部分に</p>
<p>文字をいれたいです。</p>
<p>よろしく</p>
<p>お願い</p>
<p>します</p>
<p>。</p>
</div>
</body>
</html>

CSSのfloatでレイアウトするのが一般的だと思います。
少し勉強してみましょう。

テーブルタグの中にテーブルタグを書けば、HTMLでも実現可能ですが、現在はあまり推奨されていません。

<html>
<head>
<style type="text/css">
<!--

div.leftbox{
width:100px;
height:200px;
float:left;
}

div.rightbox{
width:200px;
height:200px;
}

-->
</style>
</head>
<body>
<div class="leftbox">
<table border="1px">
<tr>
<td>a
</td>
<td>b
</td>
<td>c
</td>
</tr>
<...続きを読む


人気Q&Aランキング