タグ

HTMLに関するB-SAKATUのブックマーク (149)

  • 何で見出しレベルを飛ばしちゃいけないの? | Takazudo Clipping*

    見出しレベルって飛ばしていいと思うんだけれども。 いいというのは、文章の内容的に考えたら、飛んでるのは自然で、色んなアクセシビリティガイドラインでAAAとかとりたいなら飛ばさないでいくしかないと思った。ちなみに、明確な答えは無い(と思う)。 文章的に自然というのはどういう意味かというと、 見出しには、上から考える見出しと、下から発生する見出しがあると思うんですよ。「レベル見出し」と、「汎用見出し」みたいなものが。 自分が良く出会うのは、こんなの これ(右図)の、「注意」って、h2なんでしょうか? でも「パグ」と「ゴールデンレトリーバー」より明らかに重要度低い。「写真」も同じ。こーいうのって、h1の見出しの下が分かれる場合はh2で、その下で別れる場合はh3で・・・って言う考えとは、逆の考えで、 注意 - 犬が嫌いな人は帰ってください 写真 - 犬の写真 っていうコンテンツの塊だけで考

    B-SAKATU
    B-SAKATU 2007/10/31
    そもそも注意とか写真は見出しじゃないと思うが。 dl 要素を使えば丸く収まると思う。
  • 標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有

    2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSSHTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈

  • Embedded Finance in the US: Customer Experience and Business Models

    Embedded Finance in the US: A Game Changer for Customer Experience and Business Models In recent years, fintech and new technologies have significantly disrupted the financial sector. These changes have resulted in the creation of new financial products and services that are more accessible, affordable, and suited to customers’ needs. The rise of embedded finance or embedded financial services is

    B-SAKATU
    B-SAKATU 2007/10/03
    HTML だけでブラウザ判別。
  • XHTML 1.0 Transitional plus Embed DTD

    B-SAKATU
    B-SAKATU 2007/09/06
    コメント参照。
  • imgにwidthとheightを指定しない理由 - Webtech Walker

    Home Archive imgにwidthとheightを指定しない理由 imgにwidthとheightを指定しない理由 2007年09月04日 category:XHTML/CSS Comment(0) Trackback(1) (X)HTMLではimg要素のwidthとheightは必須ではありません。最近僕はwidthとheightは基的に指定しないようにしています。 widthとheightを指定しないメリット 画像が表示されないときに、widthとheightを指定していた場合、指定したサイズからaltのテキストがはみ出すと、IEでは文字が切れて表示されます。 指定しないとテキストがある分、表示されます。 widthとheightを指定しないデメリット 長い文章の間に画像がいくつも含まれていた場合などに、img要素にwidthとheightを指定し

    B-SAKATU
    B-SAKATU 2007/09/05
    確かにこれは悩むな。
  • 栄光ゼミナール;塾選びガイド

    栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなDVD(届くまでお楽しみ) 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制(6人から20人程度)できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで

  • 覚え書き@kazuhi.to: microformatsとかabbr要素とか

    microformatsとかabbr要素とか ブラウザだらけの討論大会という記事のなかで、microformatsのhCalendarを使って記述しているので、Operatorのような処理系を利用している方には情報を取り出すのに便利かもしれませんと書いていましたが……最新版の0.8をもってしても、Operatorでは取り出すことができないことを、Takenさんの書かれたTaken SPC : Operator 0.8 に span@title のサポートを追加するで教えていただきました。ありがとうございます。曰く、Operator のソース (Microformats.js)を見たところ、title 属性を拾っているのは abbr 要素だけという悲しい事実がわかりましたとのこと。ちなみに、同じFirefox拡張でもTailsやTails Exportでは僕の書いたhCalendarを(日時

    B-SAKATU
    B-SAKATU 2007/09/04
    自分も abbr 要素には違和感があったから span 要素にしている。時刻は略語じゃないよ。
  • 世界中のサイトを見尽くしたいけど限界は確かにあって、その限界に近づけられるなら何をしても良い:TKMR.blog.show

    世界中のサイトを見尽くしたいけど限界は確かにあって、その限界に近づけられるなら何をしても良い Design JOJO Web 2007-08-30 昨日ふと思い出したんだけど、昔大学の先輩で自称WebデザイナーのHさんという人がいた。その人の作ったサイトを見ると一見カッコいいんだけど、よく見ると何かおかしい・・・それ、実はただのデカイ一枚の画像だった!サイト内の文章も全て。 一枚のjpgファイルを分割してテーブルで配置して、リンク張ってるだけ。これなら「ずれない」「文字キレイ」「レイアウト自由」と良い事だらけ、という主張だったと記憶してる。もちろん依頼者も知人・友人の範囲で収入も月数万円のレベル、両者Webの知識は限りなく0に近いのでこれで良かったんだろうし、Web草創期ののどかな話だったように思う。 それにしても、何故Hさんは「ページ全体を一枚の画像にすればずれない!」っていう天才的なア

    B-SAKATU
    B-SAKATU 2007/08/31
    とりあえずまともな HTML を書けるようになってからにしろと。Validator すら通らずに何を言うか。
  • Google Code Archive - Long-term storage for Google Code Project Hosting.

    Code Archive Skip to content Google About Google Privacy Terms

    B-SAKATU
    B-SAKATU 2007/08/21
    A cross-browser implementation of the WHATWG Web Forms 2.0 specification.
  • http://mynotes.jp/blog/2007/08/post_14

  • MT にて生成される HTML を綺麗に - Code-404

    前提条件 MT のテンプレートを記述する際、多くの人がその視認性を保つ為に MT 用のタグの後ろで改行するでしょう。しかし、そうした場合に生成される HTML は多くの改行が生成され、人の為の視認性が極端に落ちます。通常は、目にする事のない HTML ソースですが、気になる人は気になるものです。 なんとか綺麗にしたいが、テンプレートが見難くなるのは嫌だという人は、この記事を参考にしてみて下さい。ほんの少しの書き換えで済みます。また、以下は Version 3.2-ja-2 での話になります。それ以外のバージョンでは該当する行数が若干変わっているでしょう。 この変更方法は MT 4 以降のバージョンでは全てのテンプレート (それは MT が内部的に使用するものを含めて) でエラーになります。 Builder.pm の書き換え Builder.pm というファイルを書き換えます。格納されている

    B-SAKATU
    B-SAKATU 2007/08/18
    MT タグを改行まで認識させて、無駄な改行を発生させない。
  • HTML Elements Index · Jens Oliver Meiert

    A continuously updated list of all HTML and XHTML elements. Also consider the announcement with comments, notes, as well as the complementary CSS properties index. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Element (Meaning) ↓ HTML 1 HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 XHTML 1.1 HTML 5.2 HTML 1992 1995 1997 1999 2000 2010 2017 — a (anchor)

    HTML Elements Index · Jens Oliver Meiert
    B-SAKATU
    B-SAKATU 2007/08/18
    HTML 3.2 ~ 5、XHTML 1.0 ~ 2 の要素の対応表。
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    B-SAKATU
    B-SAKATU 2007/08/18
    <q>HTML 5は餘りにも「豐か」過ぎて氣持ちが惡い。</q> 同意。
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    B-SAKATU
    B-SAKATU 2007/08/18
    <q>「HTML 5」は、「文書の構造に基いたマーク附け」ではなくて、「部品の意味に基いたマーク附け」を推奬してゐる。</q> HTML5 への違和感はこれだったのか。
  • 栄光ゼミナール;塾選びガイド

    栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなDVD(届くまでお楽しみ) 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制(6人から20人程度)できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで

    B-SAKATU
    B-SAKATU 2007/08/15
    HTML には HTMLの、CSS には CSS の役割があるのだから、ちゃんと分けて使えと。
  • FC2Blog - 404 Error

    Page not found ご指定のファイルが見つかりませんでした 30秒後にトップページへ移動します

    B-SAKATU
    B-SAKATU 2007/08/09
    負荷をどうすべきか。ローカルに置いたって重いもんは重い。
  • HTML - だめ日記

    なんか書いているうちに議論が迷走している気もするが、めんどくさいのでもう直さない。AHLについての議論は、「HTML-lintで100点なら良いのか」あたりがよく知られている文書だろう。またValidatorがまず先に来るべきだというのは、これはもうまじかんと雑記で言われているとおりで非の打ち所がないから、特に踏み込むことはしない。んで、suzu-logのそこでみんながHTMLの仕様を守るにはどんな取り組みをすればいいかちょっと考えてみました。を受けて、ひとつだけ私の持論を。

    B-SAKATU
    B-SAKATU 2007/08/08
    「Apacheのモジュールでmod_validatorとか作ったら面白いかもなあ。変なHTMLだったらInternal Server Error吐くの。」欲しいww
  • Another_HTML-lintへの言及 - 徒委記

    Another_HTML-lintへの言及 2007年7月31日 2007年8月1日 2007年8月4日 2007年8月5日 2007年8月6日 2007年8月7日 2007年8月8日 参考資料 取り敢えず作成。 2007年7月31日 lintで100点を取る必要はない : 雑記帳 : der Gegenwart 2007年8月1日 IT戦記 - xmllint で XHTML をバリデーション 2007年8月4日 まじかんと雑記: Another HTML-lint を使うべからず まじかんと雑記: まず lint より validator を使え まじかんと雑記: まず lint より validator を使え その 2 まじかんと雑記: Another HTML-lint について その 4 2007年8月5日 まじかんと雑記: Validator/lint に関して望まれる(べき

  • http://www.dakiny.com/archives/xmlxhtml/post_296/

    B-SAKATU
    B-SAKATU 2007/08/07
    「XHTMLはHTMLだと思うからいけないのだ。XHTMLはXMLだと考えたほうがいい。文章構造を伝えるための言語であり、」HTML だって文章構造を示す言語なんだが。HTML と XHTML について誤解しているような。
  • displaymode check sample

    displaymode check sample サンプル一覧 幅・高さの計算 幅・高さの計算 (XML 宣言なし) 幅・高さの計算 (DOCTYPE宣言無し) text-align でブロック要素を揃える text-align でブロック要素を揃える (XML 宣言無し) text-align でブロック要素を揃える (DOCTYPE 宣言無し) 左右に auto のマージン 左右に auto のマージン (XML 宣言無し) 左右に auto のマージン (DOCTYPE 宣言無し) 標準のフォントサイズ 標準のフォントサイズ (XML 宣言無し) 標準のフォントサイズ (DOCTYPE 宣言無し) 非置換インライン要素に幅と高さを指定 非置換インライン要素に幅と高さを指定 (XML 宣言無し) 非置換インライン要素に幅と高さを指定 (DOCTYPE 宣言無し) 属性値の大文字・小文字

    B-SAKATU
    B-SAKATU 2007/07/16
    「html 要素へのスタイル定義」とかの例がいっぱい。すごい便利。