submitとimageの挙動の違いについて
この記事は12年以上前の記事です。情報が古い場合がありますのでお気を付け下さい。twitterの友人のブログ記事を見ていて思い出したこと。 CSSで検索フォームをカスタマイズ ? vanillate とても良い記事なので是非ご覧あれ。 （長くなっちゃったので、覚悟して読んでね！） さて本題。 formタグからデータを送信する方法として、一般的に <input type=”submit” value=”送信” /> とする方法と <input src=”hoge.gif” type=”image” value=”送信” /> として画像を送信ボタンにする方法がある。 さらにsubmitにはnameタグをつけて、そのデータを取得することが出来る。 例えば。 （※これは乱暴なコードです！決して実際に使おうとか考えないように！） <form action=”recieve.php” method=
Graceful DegradationとProgressive Enhancement | Web標準Blog | ミツエーリンクス
以前「OperaがWeb標準のカリキュラムを公開」で取り上げたOpera Web Standards Curriculum。今回は“Graceful degradation versus progressive enhancement”について、すこし触れてみようと思います。 Graceful DegradationとProgressive Enhancementとは？ 記事では、それぞれを次のように説明しています。 Graceful Degradation Webサイトで表現したい機能を、特定の水準にあるモダンブラウザーに対して提供します。しかし、低水準の古いブラウザーに対しても、同等ではないもののそつのない、または理にかなったかたちで機能を提供します。 Progressive Enhancement ターゲットとするすべてのブラウザーに対し、最低限伝えるべき機能を実装します。その上で、
Progressive Enhancementの実践と普及にむけて | Web標準Blog | ミツエーリンクス
前回は実装におけるGraceful DegradationとProgressice Enhancementの違いについて説明しました。もうひとつ、Progressive Enhancementな例をお見せして、このシリーズを終わらせたいと思います。 Flashの埋め込みもProgressive Enhancementなやり方で Flashの埋め込みについても、JavaScriptを用いた方法が盛んに行われているように思います。しかし、このやり方ではスクリプトが無効な環境でFlashが表示されません。また代替内容があったとしても「Flashプレーヤーが必要です」というメッセージがでるものが多く、適切な使われ方がされていないように思います。 動きを与えるムービーや動画など、代替となるコンテンツがそもそも存在し得ないものであれば仕方が無いかもしれません。しかし、サイトのナビゲーションがFlash
そのXHTML文書にXML宣言は本当に必要か？ – ofujimiki.jp
最近「XHTML文書にはXML宣言を入れることが強く推奨されているので入れるべきだ」というような意見を何度か目にしました。しかし、その説明の中で、メディア・タイプ（「text/html」や「application/xhtml+xml」など）については触れられていませんでしたので、ちょっと補足しておきたいと思います。 XHTML1.0の仕様書では、確かにXML宣言をつけることが強く推奨されており、具体的には次のように書かれています。 An XML declaration is not required in all XML documents; however XHTML document authors are strongly encouraged to use XML declarations in all their documents. しかし、ここで言うXHTML文書とは、仕様書
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
mozilla.org マークアップ参考資料
fantasai このドキュメントの目的は、セマンティッククラスの豊富なボキャブラリーを定義するこ とです。サイト全体のスタイルシート内に指定するこ とができ、CSS の規則を書かなくても長く複雑でよく整えられたスタイルのドキュメントを記述することができるほど十分なボキャブラリーを定義します。こうしたクラスは古 い「見栄え」テンプレートに取って代わります；今では「見栄え」はスタイルシート内に定義されるようになり、マークアップをセ マンティックに保つこと ができます。これによって HTML のコードを書く人の仕事が簡素化され、ページのスタイリングに関してさらに優れた柔軟性を可能にし、一貫した仕様でサイト全体の体裁を整えます。 これらのクラスは必要に応じて使用できるように定義されています。これらのクラスを必要としないのであれば、これらを学んだり使用したりする必要は ありま
W3C - W3Cの仕様書等の文書の日本語訳集
注意 日本語翻訳集は w3c-translators@w3.org メーリングリスト上で報告された日本語翻訳文書へのリンクを集めたものです． リンクされた翻訳はボランティアによって行われたものです． またこれらの翻訳には誤りが含まれる可能性もあります． 正式なものはあくまでも英語版ですので， この点をご理解頂いた上でご利用下さい． またコピーライトに関する情報を含め，W3Cの文書の翻訳に関しての一般的な情報や， 翻訳の際のヘルプは， http://www.w3.org/Consortium/Translation/にあるW3C翻訳ページ(英語版) をご覧下さい． TR集 勧告 ・ 勧告案 ・ 勧告候補 ・ 草案 ・ 技術ノート その他の文書等 FAQ集 ・ その他 TR集 勧告 HTML 4 (勧告) http://www.asahi-net.or.jp/~bd9y-ktu/html4re
Flash の z-index を Javascript から有効にする - elm200 の日記(旧はてなダイアリー)
趣旨 Flash は、ただのインラインレベル置換要素であるにもかかわらず、デフォルトでは CSS の z-index に関する決まりごとに従わない。z-index とは、画面の x軸・y軸の両方に直交する軸で、要素が画面の手前におかれているのかそれとも奥かを指示する CSS プロパティである。たとえば、position:absolute で z-index を指定した DIV 要素を z-index の指定のない Flash と重ねると、本来ならば、DIV は Flash の手前に表示されなければならないのに、実際には Flash のほうが手前に来てしまう。 では打つ手はないのか、というと実は wmode という Flash のプロパティがあり、これを "transparent" にしてやればよい。たとえばつぎのような感じだ。 <!-- EMBED を使うとき --> <embed src
kbd要素
Updated 2013.10.01 / Published 2005.09.26 kbd要素（keyboard）はユーザがキーボードから入力するテキストを示します。視覚環境の UA では要素内のテキストはすべての文字の幅を一定に揃えた等幅フォント（固定幅フォント）表示になります。 「...に同意される場合は <kbd>Y</kbd> を、同意できない場合は <kbd>N</kbd> を入力して、<kbd>Enter</kbd>を押して送信してください」のように入力示唆に使います。accesskey属性で設定しているアクセスキーを示すために組み合わせて使われていることもあります。 バージョン HTML4.01(S,T,F) XHTML1.0(S,T,F) XHTML1.1 開始タグ 必須 終了タグ 必須 非推奨 - 内容モデル インライン要素 テキスト kbd要素の属性 共通属性 clas
accesskey属性
Updated 2013.10.08 / Published 2005.10.02 accesskey属性はポインティングデバイス(マウスやノートパソコン付属のトラックパッドなど)が操作できない環境でもリンクや入力フォームの部品をキーボードのキー操作で実行または選択状態（フォーカス）にできるようアクセスキーを設定します。accesskey属性の値にはアクセスキーとなる半角英数字1文字を指定します。 バージョン HTML4.01(S,T,F) XHTML1.0(S,T,F) XHTML1.1 必須 - 非推奨 - 属性値 半角英数字1文字 OS/UA毎のアクセスキー実行方法 アクセスキーの実行方法は、ユーザ環境（OSやUA）によって異なります。たとえば、Inetrnet Explorerにおいては動作の振る舞い方も異なり、リンクに対するアクセスキーを実行すると指定したリンクが選択状態（フォー
住所をaddress要素でマークアップするのは誤りか？ | securecat's exblog
どなたのセミナーなのかがわからないのがアレなんだけど、ちょっと気になったこと。 セミナーに行ってきました。から：■address要素内に住所やコピーライトを持ってくるのは間違った使い方。 もともと間違って訳されたために、日本で間違って使われてるらしい。本当はaddressには「近づく」というような意味があり、サイトに近づくという意味でお問い合わせのメールアドレスなんかに使用するのが正しいらしい。 もともと間違って訳されたというのは何のことを言っているのだろ？ addressという単語が、語源はラテン語だが、中世フランス語から英語になった辺りで誤訳したとか、そういう話だろうか。それとも英語を語源として日本でカタカナ語になった時の誤訳とか？ しかしそんな辺りを持ち出さなくても、address要素はこういうものだと仕様に明記されている。 The global structure of an HT
hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
CSS-Based Tables: Modern Solutions | Smashing Magazine
Tables have got to be one of the most difficult objects to style in the Web, thanks to the cryptic markup, the amount of detail we have to take care of, and lack of browser compatibility. A lot of time could be wasted on a single table although it’s just a simple one. This article was written back in 2008 when the concept of responsive web design hasn’t been created just yet. You may want to check
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
width属性とheight属性が指定されていないimg要素を非表示にしたときのメジャーブラウザの挙動 - 雑記 - AZ store
IBM Developer
Blogger
https://www.xml.vc/xml/CDATA.html
Flashの上に(X)HTMLを重ねる - 448.jp blog
https://az-store.nrym.org/archive/ima/cgi-bin/mt/2006/09/accesskey.php
W3C、HTML5の最初の草案を公開 | スラド IT