文字コード宣言は行いましょう(HTML) HTMLで日本語を使用する場合、そのファイルの保存方法が複数存在します。 それはいくつかのルールを使用して日本語を保存し、ブラウザがそのルールに則って読みとることで表示するためです。 このルールのことを文字の符号化方式と言います。 何故文字コードの宣言が必要なのか 保存する時の文字コードとブラウザが読みとる時に使う文字コードが違っていると文字化けが発生してしまいます。 これは一部の符号化方式を除き、そのファイルがどのような文字コードで保存されたものなのかをブラウザが判別できる確実な手段が無いために発生します。 しかし、そのHTMLファイルの作者がブラウザに対してどのような文字コードで保存したのかを明示することによってブラウザは確実に表示できるようになります。 それが文字コードの宣言です。文字コードは次のようにmetaタグを使って宣言します。 ISO

Warning: include_once(/home/sites/heteml/users/m/o/r/moriya-h5/web/confrage/bin/top_msg.php): failed to open stream: No such file or directory in /home/users/2/moriya-h5/web/confrage/php/forward/upload_comp/upload_comp.php on line 22 Warning: include_once(): Failed opening '/home/sites/heteml/users/m/o/r/moriya-h5/web/confrage/bin/top_msg.php' for inclusion (include_path='.:/usr/local/php/7.4/lib/

正規の規定はW3Cサイトにある英語版であり、この日本語版は参考にすぎません。 邦訳の過程で気づいた原規定の誤りについては原著者に報告し、明らかなタイプミス等についてはerrataに掲載される前であっても修正した訳を掲げる場合があります。 この文書には、翻訳上の誤りがあり得ます。当委員会は翻訳の正確性を保証しません。あくまでご自身の責任でご利用ください。 原著作権をW3Cが保有し、二次著作権をHTML 4仕様書邦訳計画補完委員会が保有します。 HTML 4.01仕様書 1999年12月24日付W3C勧告 この版の原書: http://www.w3.org/TR/1999/REC-html401-19991224 (プレーンテキストファイル [794Kb]、HTMLファイルのtar.gzアーカイブ [371Kb]、HTMLファイルのzipアーカイブ [405Kb]、gzipしたPostScri

通常、テキストは右端で折り返しされるはずですが、URL (URI) 等の連続する半角文字は一つの単語と扱われ、折り返さない場合が多い。また、折り返しの条件はブラウザ毎に異なります。 文字列折り返し ブラウザ別サンプル Firefox と IE6 (PNG画像) IE7 beta 2 日本語版 (PNG画像) Opera と Safari (PNG画像) テキスト。実際（現在）の表示 mozilla系以外のブラウザの多くは、URL (URI) 等の連続する半角文字でも、ハイフン「-」等の一部の半角記号を区切りと認識し折り返しするようです。 CSSのword-break:break-all;、word-break:keep-all;はIE独自の仕様なので、IE以外では通常通りの挙動。つまりCSSによる折り返しはされない。Safari,Operaのサンプルでは、半角文字が折り返しさ

ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ

弊社は神戸市東灘区水道局より認定を受けた水道局指定業者ですので安心してご相談ください。トイレや排水溝などのつまりや水漏れなど、あらゆる水回りのトラブルに適切に対応させていただきます。 1200円〜の業界最安値水準の低価格で修理対応しております。もちろんトラブルの原因によって価格は異なりますが、神戸市東灘区内のお宅ではまずは無料出張で現地を確認、無料でお見積もりをご提出させていただきます。その際に価格やサービス内容にご納得いただけずお断りいただいた場合は一切費用はかかりませんので、まずはお気軽にご相談ください。

A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page. Download the example html file and css file The Road to Enlightenment Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, broken CSS support, and abandoned browsers. We must clear the mind of the past. Web enlightenment

kirara(397)曰く、"東京webデザイナー日記で、日経平均銘柄225社サイトの脱テーブル率調査という興味深い報告が掲載されている。同報告では日経平均銘柄225社の全サイトのトップページを調査してあり、レイアウトがCSSかテーブルか、文書型宣言は何か、などが一覧できる。 また、調査結果がグラフにまとめられたレポートがPDFでダウンロードできる。 これは5月18日、銀座で開催されたイベント「CSS Nite」にて発表された資料との事。 PDFを読んでみると、なかなか衝撃的な結果が報告されている。225サイトの調査結果は以下の通り。 「100% pure CSS」なのは28社(12.4%) -->この内「XHTML+CSS」なのは15社(6.6%) 「CSS/テーブル混在（ハイブリッド）」なのは32社(14.2%) 「テーブルのみ」なのは155社(68.9%) 非CSSのうち「100%

例えば下記のようなページ。 最近インターネットショップ以外ではあまり見ないレイアウトですが、インターネットショップのようにメニュー項目が多い場合はよく見られるレイアウトです（tableの構造をわかりやすくするため、枠線を入れています）。共通のメニュー、業界的に言えばいわゆるグローバルナビゲーションが左に並ぶようなレイアウトですね。 こういうレイアウトの場合、検索エンジンはキーワードなどが盛り込まれたコンテンツ部分よりも先に、ずらずらと並ぶグローバルナビゲーションを先に読みます。もちろん、視覚障害の方々が使う音声ブラウザなどでも同様です。 今回紹介するのは、 「tableタグを使ったレイアウトでグローバルナビゲーションは左に置きたい」 「でも、コンテンツ部分を先に読ませたい」 というちょっとした小技です。 もちろん、CSSを使えば比較的簡単に実現できることですが（横に並べるだけなら簡単ですが

結局見積するのも、デザインするのも、進捗管理をするのも、サイトを更新するのも「人」ですから。 CSSによるデザインはそんなにコストがかかるのか？ 以下、引用ばかりになるが、つい先日「半CSS半テーブル」でやっつけ仕事にしてしまった私にとっても、ちと頭の痛い話だ。 サイト全体にわたるレイアウトやデザインを変更する場合に、table をわざわざ組みなおすような無駄なことをやっていたりして、table レイアウトでは手間がかからないというのがホントなのかと疑問に思ったりする。 僕が思うに、クライアントがどうこうっていう話じゃなくて、製作現場の都合じゃないのかと。 なのに、CSS の全面採用でコストがかかるというのは、結局製作現場が CSS を理解してなくて、従来の table レイアウトに固執しているだけなんじゃないのかという気がしてしかたないんですけどね。 ヒトミンさんが言うテーブルレイアウト

TABLE でレイアウトは TABLE はレイアウトの道具か よく、レイアウトを整える目的で TABLE を使う人がいます。酷い場合にはテクニックと称して、自慢げに紹介したりしてします（「本当は良くないけれど」と断って紹介している人はまだ良心的と言えます）。 彼らは、それが間違いであることは認識しているのかも知れません。しかし、迷惑であることを理解している人がどれだけいるでしょうか。 テーブルでレイアウトをしようなどと考えてしまうのは、以下のようなことを知らないからでしょう。 HTML の利点は環境に依存しないことである。 TABLE に対応していないブラウザが存在する。 TABLE に対応する多くのブラウザは TABLE を逐次表示できない。 border=0 としても枠線が消えるとは限らない。 TABLE は特殊な方法で読み上げられる。 HTML の利点は環境に依存しないこと HTML

授業内で、既存サイトをXHTML+CSSで組み直す練習をするのですが、生徒が提出したのが「mixi」を書き直したもので、とてもよく出来てました。 mixiはテーブルレイアウトで組まれていて、基本は3カラムだけど、もとがテーブルなだけあって、ヘッダーのメニューが少し複雑だったり、セクションごとのビジュアル的なデザインや、細かい文字の余白のとり方が難しい。 現在のCSSは「どんな見栄えも出来てしまう」とは言えない。本当は言いたいのだけど、実際にはブラウザーのバグを回避するためにバッドノウハウを駆使したり、CSSの限界から、見栄えとは切り離すべきXHTML部分を調整しなくては再現できない見栄えがある。 けど、生徒の提出したものは、見栄えのためだけのdivも無ければ、ヴァリデーターだけを100点で通過するような機械騙しのXHTMLでもない。(一部、リストとしてマークアップできるところはある) もち

文字実体参照とは、 特別な文字や記号など入力が困難な文字をコード名や文字コードで参照させるもの。 最も有名なものはHTML基本記号であり実体参照するしか表示方法の無い、 "、&、<、>。 その他にも入力が困難な文字や、 ハート・クローバーなどと言った機種依存だった文字などを記すには、 実体参照を使う必要でてくる。 ほとんどがUnicodeと同一の文字コードとなっています。 記述方法は、文字コードを直接指定する『数値参照』と、 定められた名前を指定する『名称参照』がある。 名称参照でやった場合は、参照名の大文字と小文字が区別されるので注意。 この実体参照の文字番号は、ISO8859-1の文字コードなどを除き、 ほとんどがUnicodeと同一の文字コードとなっていて、 そのファイルの文字コードが何であっても番号は同一になる。 それでもやっぱり、機種依存記号・国依存記号などは出せないブラウザーや

HTMLで使える文字実体参照 この一覧について HTML4 で使える文字実体参照の一覧です。これは、HTML4.0仕様書中の "Character entity references in HTML 4.0" を私が勝手にまとめたものです。利用上の注意も参照してください。 文字実体参照一覧表 HTML2.0 以降で使える文字実体参照 以下は、HTML2.0 がサポートしている文字参照です。どのブラウザでもきちんと表示できるはずです。バグさえなければ。 マークアップ記号 数値文字参照 文字実体参照 備考 コード 文字 実体名 文字