▼ 携帯HP支援ｻｲﾄ＊ﾀｸﾞ解説
□テーブル[知識］
★ tableタグの基本説明
[↑使用タグ]
<table><tr><td>①</td><td>②</td><td>③</td></tr><tr><td>④</td><td>⑤</td><td>⑥</td></tr></table>
枠線などは表示していませんが↑の①～⑥は一つの表として指定されています。
<table>から</table>の部分は表組みとして定義されます。
表組み構成するタグは
<tr>┳ﾃｰﾌﾞﾙ ﾚｺｰﾄﾞ⇒行
┗table record
<td>┳ﾃｰﾌﾞﾙ ﾃﾞｰﾀ⇒セル
┗table data
以上２つの専用タグを基本として、なりたっています。
<tr>～</tr>｢１行｣の中に
<td>～</td>｢セル(内容)｣をいくつ入れるかという感じで覚えておくと良いと思います。
▼tableでのレイアウト
レイアウトといえば、様々なＨＰでtableやＣＳＳを使っての鮮やかなレイアウトを見かけます。
しかし、これから言う事をちょっとした知識として覚えておいて下さい。
現在では各ブラウザでＣＳＳの対応が増えてきており、ＳＥＯ(検索エンジン最適化)などを考えた場合、tableでのレイアウトは適切ではありません。
しかし、ＣＳＳにも対応していない携帯機種も数多くあり、tableタグにすら対応できていない携帯も今だに結構あるのが現状です。
ＣＳＳやtableを使わないほうが良いという事ではありません。
沢山の人に見てもらいたいのであれば、タグが反映されない携帯からの見た目にも気を配って作成していく努力が必要になります。
【ﾋﾝﾄ】
▼反映されない時の例
tableタグが反映されないブラウザでは
(①～⑥のみtable指定)
⑦⑧⑨
↑この枠組みが崩れて↓
①②③④⑤⑥⑦⑧⑨
↑このようになります。
完全にtableタグが消えてしまい、テキストのみが表示される状態だと思って下さい。
上記例のように、tableが反映されないと改行がされない状態になります。
この状態によってレイアウトが崩れが起こったりします。
もしtableを使ってテキスト２行以上の枠組みを作りたい場合は、ちょっと見た目が変わりタグ指定も面倒ですが
①②③と④⑤⑥を別々のtableで指定して１行づつで閉じます、加えて個々にdivタグ(範囲指定)でtableタグを挟むと反映しなくてもある程度はレイアウトがまとまります。
<div><table>～</table></div>←このようにします。
例を表示すると
(①～③、④～⑥を別々のtableで指定)
↑この表組みが
↓のように表示されます。
①②③
④⑤⑥
⑦⑧⑨
今後は表示できる携帯が増えていきます、それでも気になってしまう方は大変ですがレイアウトにtableなどを使用するときは注意をしながら作成してみて下さい。
[隠居塾come]
[S*RANK][共有宣伝掲示板]
携帯HP支援 Officious:S
[ｸﾞﾙｰﾌﾟ][ﾅﾋﾞ]
無料HPエムペ！
携帯モード]
[
URL送信]
