XHTML+CSSのid/class名でキャメルケースを使うべきではない7つの理由を、CSS WIZARDRYの「CSS: CamelCase Seriously Sucks!」から覚え書きです。下記はその意訳です（間違っていたらすみません）。 はじめに 今、この記事が何人かの人をいらだたせることは分かっているし、私が普段どのようにコードを記述しているのか伝えたいのではありません。私はシングルラインCSSがキライです。ただ、明瞭で、道理にかなった、理解しやすく、首尾一貫したコードであるならば、そんなに文句を言うことはありません。私の目から見て最も重要なのは一貫性です。しかしながら、キャメルケースは、本質的に矛盾していることが明らかなのです。 1. CSSはハイフンで区切られた構文 CSSはハイフンで区切られた構文です。どういうことかというと、font-size、line-height、bo

モバイル機器向けのXHTMLとして、現在その仕様が公開されているものには、 W3Cによる「XHTML Basic 1.0」 WAPフォーラムによる「XHTML Mobile Profile 1.0」 の２つが挙げられます。いずれも、元の言語は、XHTML 1.0です。XHTML 1.0は、HTML４を再仕様化したものですので、含められている要素や属性は、よく知られているものです。 EZwebのWAP2.0端末には、Opnewave XHTML拡張属性を加えた「XHTML Mobile Profile 1.0」に、さらにEZweb独自の拡張要素を認識するブラウザが搭載されています。 現在のEZweb環境では、 xml宣言を省略可能 ブラウザがDTDをチェックしない 各種の拡張要素/属性をブラウザ側で認識する ので、ほとんど従来のHTML文書を作成するような手軽さでWAP2.0対応機用コンテン

HTML文書の中で、ソースを読みやすくするため、コメントをセクションの区切りとして用いている人は少なくないでしょう。しかし、コメントの書式は正しく理解されていないことが多く、誤った用法を頻繁に見かけます。実際に支障が出ることは少ないのですが、厳密なブラウザでは内容が読めなくなってしまうこともあり、注意が必要です。 コメントのきちんとした定義はHTMLのバージョンによって微妙に異なりますが、基本的には コメントは <!-- 注釈の文 --> という形式で、これ以上余計なハイフンを使っちゃだめ と理解しておくのがよいでしょう。（2016現在ではHTMLなら少し緩和されることになりそうです） HTML 2.0で定義されていたコメント HTML 2.0の場合、RFC 1866の"3.2.5. Comments"において次のように定義されていました： To include comments in a

Yahoo!検索結果にYahoo!ブックマークの登録数が表示されるようになってます。 Yahoo!検索 スタッフブログの記事に書かれているYahoo!検索結果にブックマーク登録人数表示を開始！の内容を読む限りでは、Yahoo!の検索結果に直接的に影響があるようなニュアンスは読み取れませんでしたが、間接的なSEOの効果は考えられるので、利用するサイト運営者は増えるのではないかと思います。 Yahoo!ブックマークでは、便利ツールのブログパーツとして「Yahoo!ブックマークに登録」リンクとブックマーク人数表示リンクが用意されていて、HTMLコードをコピーして、ソースに貼り付ければいいようになっているのですが、これがXHTML1.0に準拠していないので、そのまま貼ってしまうと The W3C Markup Validation Servic でエラーが出てしまいます。 これに手を加えて使うこと

yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ

【無料カウンセリング】レジーナクリニック千葉院で予約をしてみる 【写真付き】レジーナクリニック千葉院のアクセス方法を一から説明してみた レジーナクリニック店舗までのアクセス方法について、現在写真などまとめ中です。しばらくお待ち下さいね！ 気になる！レジクリ脱毛店のインスタの口コミや評判は？ 全部チェックできてませんが、100件近くありました！サクッと確認してみましたが、悪い口コミはありませんでしたねー！ まだレジクリの脱毛店ができてから年数が経っていないらしいんですが、いろんなメディアの露出が少ないのにめっちゃ口コミが多くてびっくりしました！ この前銀座の #レジーナクリニック で医療脱毛してきたよ〜〜☺️🌈 夏は水着になったり肌露出したりするし、 この季節はやっぱり気になりますよね😖💦 光脱毛に比べて医療脱毛は効力が強いから すぐにつるつるになるよ(*´꒳`*)✨✨ 早く脱毛終わら

(X)HTML の id/class における命名規則 purprin, <purprin [at] gmail.com> 2006.6.15 at CSS Flight プロフィール 1/2 purprin -「プルプリン」と読みます- コトノハ をきっかけにこの業界に 「purprin」は「パープリン」としか発音できなくね？とこっそり思ってる paperboy&co.所属 I love penguin(o e o)/ プロフィール 2/2 (X)HTML, CSS に魅せられた経緯 もともと Web は大好きで、趣味でひどいテーブルレイアウトのページをつくっていた ２年ほど前に友達に依頼されてつくったサイトでMovable Type を導入して改造をしながら勉強 ある時 HINAGATA で Kaminogoya 君の書く beautiful な(X)HTML+CSS に心奪われる -

XHTML1.1 に適した MIME Type IE の問題 application/xhtml+xml を解釈しない UA への対策 静的ファイルの場合 Perl の場合 PHP の場合 Movable Type では コメント (3) トラックバック (6) 更新日時 2009-02-12 18:54 永続的 URI http://www.code-404.net/articles/web/mime-type4xhtml11 タグ HTTP MIME XHTML XHTML1.1 に適した MIME Type XHTML は HTML とは違い、 XML の規則に従い定義し直した為、 MIME Type (Content-Type) に text/html を返すのは誤りになります。 (但し、 XHTML1.0 では後方互換の為、誤りとはならない場合もあります。) XHTML に適した

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

ウェブページを記述する際にHTML 4.01ではなくXHTML 1.0もしくはXHTML1.1を選択する具体的で普遍的で分かりやすい利点を教えてください。 想定される回答として駄目なものをあらかじめ挙げておきます。 * XHTML 1.1ならルビが使える(→括弧書きで十分) * SVGやMathMLでベクタ画像や数式を組み込める(→多くの人はベクタ画像や数式を使いません) * XHTMLのほうが再利用性が高い(→抽象的です) * XHTML 2.0と相性がいい(→わざわざXHTML 2.0を使う必要がありません) * XSLTで自由に変換できる(→何に変換するの？) * パーサがタグの省略などを想定しなくてよくなるので、レンダリングが速くなる(本当に？むしろ漸次レンダリングするHTMLより遅くなるんでは) * id属性が小文字でもURL中のフラグメント識別子を小文字で書いてよい(→それは知

Python は様々な構造化データマークアップ形式を扱うための、様々な モジュールをサポートしています。これらは 標準化一般マークアップ言語 (SGML) およびハイパーテキストマークアップ 言語 (HTML)、そして可拡張性マークアップ言語 (XML) を扱うための いくつかのインタフェースからなります。 注意すべき重要な点として、xml パッケージは少なくとも一つの SAX に対応した XML パーザが利用可能でなければなりません。 Python 2.3 からは Expat パーザが Python に取り込まれているので、 xml.parsers.expat モジュールは常に利用できます。 また、PyXML 追加パッケージ についても知りたいと思うかもしれません; このパッケージは Python 用の拡張された XML ライブラリセットを提供します。 xml.dom および xml.s

下に表示されている XHTML タグをクリックすると、その下にある枠内に、 正しいマークアップ 使用可能な子要素（または親要素） 使用可能な属性 が表示されます。XHTML タグを記述する際、「このタグの書き方は？」「このタグの子要素（または親要素）には何が書けるの？」と思ったら使ってください。元データは Another HTML-lint のタグ一覧を利用しています。 クリック表示 マウスオーバー表示 属性表示 XHTML 1.0 Transitional [ 閉じる ] <a> <abbr> <acronym> <address> <applet> <area> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <caption> <center> <cite> <code> <col> <colgr

ちょっと脱線#2 次々と賛同者が！ iアプリとかで良かったら喋るよー♪by yoshiori モバイルってなかなか知識得る機会ないから興味あるよ！by tobetchi なんかしゃべりましょうか？むしろ最近の話に弱いですが、準備しますよby tmtysk いきたいby fshin2000 高まる期待(*'∀`)=3ﾜｸﾜｸby cafistar モバイル勉強会興味津々！by clearether モバイル勉強会期待してます。by kaoritter これに対して携帯から全レスするみにたぼ (｀・ω・´) ｼｬｷｰﾝ

Academic HTML へようこそ。Academic HTML では，HTML・XHTML と CSS を中心に，WWW ページ作成のチュートリアルを提供します。 Hints of fonts on the web を増補しました。(2009/06/06) Orientation to CSS，Toward Accessible WWW，Academic HTML 3.2 紹介ページ を復旧し，再公開しました。(2007/10/08) Passport to XHTML 1.0，More about HTML を復旧し，再公開しました。(2007/10/07) Soar through HTML を復旧し，再公開しました。(2007/09/24) Yes, we love HTML，Always with HTML を復旧し，再公開しました。(2007/09/23) Take off