タグ

htmlに関するk-holyのブックマーク (7)

  • HTML5でルビ付き表示を行う方法(FirefoxとChromeのルビの扱い) - 結城浩のはてなブログ

    ケイクスでのWeb連載『数学ガールの秘密ノート』が始まりました。ところで記事の中で、ルビの扱いがブラウザで微妙に違うことにお気づきでしょうか。まずはこちらをご覧ください。 第1回 文字と恒等式(前編) はじめの方に、女子高生テトラちゃんのセリフ「……先輩は恒等式(こうとうしき)のお話をしてくださいましたよね」が出てきます。この「恒等式」の部分は、以下のようにマークアップしています。 <ruby> 恒等式 ←1. 単語 <rp>(</rp> ←2. カッコ開き <rt>こうとうしき</rt> ←3. ルビ <rp>)</rp> ←4. カッコ閉じ </ruby> ルビに対応していないブラウザ(Firefox)では、上記の1,2,3,4が表示されます。 ルビに対応しているブラウザ(Chome)では、上記の1,3を使ってルビ付きで表示されます。 その結果、以下のように表示されます。Firefox

    HTML5でルビ付き表示を行う方法(FirefoxとChromeのルビの扱い) - 結城浩のはてなブログ
    k-holy
    k-holy 2012/11/02
  • フォーム関連要素(1) HTML5で既存のinputタイプに加わった6つの変更点

    HTML5はフォーム関連要素もパワーアップ! HTML5へのバージョンアップに当たり、<form>要素や<input>要素に代表される「入力フォーム」についても、非常に多くの変更が行われました。 もともとアプリケーションプラットフォームを志向していなかったこともあり、HTMLにおける入力フォームは非常に貧弱で、ユーザーにとっても使いやすいものではありませんでした。それを補うため、JavaScriptを用いてリッチな入力フォームを実現するのが一般的でしたが、JavaScriptを用いる方法には「セマンティックが不明確になる」「JavaScriptが動作しない環境では利用できない」といった弱点もありました。 そこで、HTML5ではさまざまな点から入力フォームを見直し、さまざまな機能強化が図られました。具体的には、以下のような点が挙げられます。

    フォーム関連要素(1) HTML5で既存のinputタイプに加わった6つの変更点
    k-holy
    k-holy 2011/02/18
    file,submit/imageがえらい変わるのね。フォーム自動生成系フレームワークの対応要チェック
  • https://dp25299446.lolipop.jp/pikamap/html_seikei.php

    k-holy
    k-holy 2010/01/19
    オンラインHTML整形ツール
  • Opera Web Browser | Faster, Safer, Smarter | Opera

    Discover Opera One on iOS, offering an intuitive browsing experience with full-screen navigation and free AI. Your personal browser Faster, safer and smarter than default browsers. Opera Browser is fully-featured for privacy, security, and everything you do online. See more

    Opera Web Browser | Faster, Safer, Smarter | Opera
  • HTML5 における HTML4 からの変更点

    この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日語訳です。 原文の最新版 は、この日語訳が参照した版から更新されている可能性があります。 この日語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011

    k-holy
    k-holy 2009/07/01
  • HTML Note A-Z

    HTML Note A-Z: HTML要素をマウスでポイントすると、日語のチップヘルプが表示されます。

  • DOCTYPE スイッチについての検証とまとめと一覧表 - hxxk.jp

    DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。 標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。 既存の DOCTYPE スイッチ一覧表に "?" ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 ある

    k-holy
    k-holy 2007/12/14
  • 1