普通のHTMLの書き方
保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り
入門者向け alt属性の書き方アドバイス
入門者向け alt属性の書き方アドバイス Web Accessibility Advent Calendar 2017
Markdownを拡張して独自記法をつくる - Qiita
Qiita::Markdownの解説記事です。Markdown拡張ならHTML::Pipelineという旨の投稿です。 いま読んでいるこの投稿の描画にもQiita::Markdownが利用されています。 方言とライブラリ Markdownには様々な種類・方言があり、最近ではStandard Markdown is now Common Markdownが一部で話題になったりしました。かいつまんで言うと「Markdownの方言多すぎるしStandard Markdownって名前で共同プロジェクトつくろうとしたけど紆余曲折あって結局CommonMarkって名前になったわ」という感じです。 MarkdownをHTMLに変換するためのライブラリを探すと、例えばRubyではRedcarpet、C言語では同作者のSundown等が有名なところです。GitHubが利用しているライブラリgithub-ma
<ruby>関連要素って駄目駄目 - WebStudio
もずはっく日記(2013年4月) 2013年4月24日 <ruby>関連要素って駄目駄目 初回投稿日時: 2013年04月24日08時50分50秒 最終更新日時: 2015年02月21日15時45分29秒 カテゴリ: HTML XHTML 雑談 SNS: Tweet (list) <ruby>関連要素の仕様について色々と思うところが多いので、この日記にまとめておこうと思います。 私の結論を先に述べておくと、一言、酷い仕様、です。 まず、<ruby>関連要素の歴史を振り返ってみましょう。 まず、<ruby>関連要素はIE5で独自拡張として実装されました。ルビを振りたい日本人に一定の支持を受けていた印象があります。ですが、独自に暴走して仕様を決めてしまっているため、他のブラウザベンダ等との協議を経て、ブラッシュアップされたものでないのは当然と言えます。これが第一の不幸です。 そして、Mic
Shumpei Shiraishi's Weblog: Web開発を革命する（かも知れない）Web Componentsという仕様について
2012年12月25日火曜日 Web開発を革命する（かも知れない）Web Componentsという仕様について Web Componentsは、現在のところ余りまとまった日本語の情報がないようですが、Web開発を大きく、本当に大きく変える可能性を持つテクノロジーです。 Web Componentsは、現在のWebが抱える大きな問題点を解決する手段としてW3Cで仕様が策定中です。仕様策定を主導しているのはGoogleで、現時点ではGoogle Chrome（WebKit）がWeb Components（の一部）を実装している唯一のブラウザです。 Google Japanのエンジニアも、Web Componentsの実装には深く関わっているとのことなので、そのうち日本語の情報も充実してくると思われますが、本エントリはそれまでのつなぎ、ということで書いてみたいと思います。 しかし、Web Co
Slashdotのコメントに答える
コメント: 新たなプログラミング雑誌創刊の動き - スラッシュドット・ジャパン longgate.co.jpは、まだ、ドメインを取れただけである。 このブログのHTMLは、悲惨である。ただし、その責は、Googleの負うところが大きい。私ではない。 私はだいぶ前、このブログをXHTML5で書きなおそうと試みたことがある。そして、絶望的に失敗した。 Bloggerのテンプレートは、もとよりXHTMLを使っているのだが、これが悲惨である。 第一に、Bloggerは、application/xhtml+xmlメディアタイプを指定してくれない。CSSは、自動的にHTMLコメントで囲まれる。CDATAセクションを使うと、もちろんエラーとなる。もし、application/xhtml+xmlであれば、最も効率良く、IEを拒絶できるのだが。 IEを罵倒する英文は、そのほとんどを、Monty Python
Harmony: JavaScript And A DOM Environment In Ruby
Ruby Weekly is a weekly newsletter covering the latest Ruby and Rails news. Harmony, from Martin Aumont, is a new Ruby DSL for executing JavaScript and DOM-using code from within Ruby apps. Why's that cool? Well, it enables you to build your own Ruby-level unit tests for JavaScript code within your Web applications - everything can be under one set of test suites! Harmony sounds like a significant
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
HTML たん。 - 3ping.org
生徒の作品がおもしろかったので、作者のとみじさんの許可をもらってキャラクターの絵と設定の文章だけ載せさせてもらいました。 HTML(ヒトミル)たん HTML電子が具現化して生まれた少女。 まっすぐな性格で純粋無垢。しかし、常にネットワークに繋がっている為単純で、すぐ何かに影響されやすく、すべてにおいて騙されやすい。 そのせいか、具現化してから未だに内感性(コア)を完成させていない未完成の状態にある。 電子世界が人間界へ与える調査を終え、ワールドワイドに帰還する。 CSS(シース) CSS電子が具現化して生まれた少女。HTMLたんとは従姉妹にあたる。 元々HTMLたんの無報告に心配になったtherdWからお目付役を命じられ人間界に送られてきたが、人間界のファッションやセンスに味をしめ、結局居座るようになってしまった。 心優しく温厚な性格だが、あと一押しが言えない引っ込みじあんな性格。 美的セ
HTML5が持つ本当の意味 ― ＠IT
2008/01/25 ウェブ関連技術の標準化団体「W3C」（World Wide Web Consortium）が「HTML5」の策定に向けて活動を本格化しました。1月22日には「HTML5」の最初の草案を公開。2010年9月に正式な勧告としてリリースする予定だと発表しました。 普段からウェブ関連技術をウォッチしている方は別として、「なぜ今ごろ？」と、この突然のW3Cの動きに驚かれた方が多いのではないでしょうか。「そもそもW3Cがやる意味があるの？」という疑問の声も聞こえてきそうです。 標準化団体としてのW3Cのプレゼンスは、近年あまりに高いとは言えません。かつて1990年代後半から2000年ごろにかけて、誰もがW3Cの一挙手一投足に注目していた時期がありました。彼らの出してくる標準技術仕様こそが、インターネットを形成する共通言語だと、多くの人が信じていました。 ところが、現在広く使われて
最新のHTMLって何? | 水無月ばけらのえび日記
更新: 2007年5月16日 「全問正解できる？ HTML文法基礎クイズ (allabout.co.jp)」というものがあるようですが、難易度がとても高いですね。全問正解できる人いるんでしょうか? 私が悩んだ難問だけメモ。 Q1. 非推奨要素 以下の4つの記述のうち、文法的に最新のHTMLでは使わないことが推奨されているものがあります。それはどれでしょうか？ 1. <strong> ～ </strong> 2. <b> ～ </b> 3. <table> ～ </table> 4. <h1> ～ </h1> 以上、全問正解できる？ HTML文法基礎クイズ より 初っぱなから超難問で、私には答えが全く分からないのですが……。ちなみに、b要素は使わない方が良いと個人的には思いますが、HTML4.01 では deprecated になっていませんし、XHTML1.1 でも Presentatio
hr要素は改名して、インライン要素とするのが活路かも - 我的春秋
なんだか br要素の話が賑やかなようなので便乗。(^ ^;) ここで改行ったら改行（カナかな団首領の自転車置き場） br 要素（カナかな団首領の自転車置き場） 私はbr要素が好きじゃない（der Gegenwart） br要素は好きじゃない（sky line blog） br 要素問題は CSS2.1 で解決か!? どちらかというと現行規格ではなく、次世代規格の話になるので、少なくとも批判とかじゃありません。平たくいえば「br, hr 要素を論理セパレータとして見なすとこんな感じかな？」「その特性を活かすなら、仕様をこう変えた方がいい気がする」的な話です。 ちょっと小難しそうな感じがする方は、前置きはスルーして、ユースケースとサンプルコードだけ眺めてもらって、まったく支障ありません。っていうか、次世代規格の話だし、需要自体もそんなにたくさんあるようなネタでもないし、いっそ、全部まるごとスル
「正しくHTMLを（中略）5つの質問」に対する回答一覧 : 雑記帳 : der Gegenwart
[ Web関係 ] 何人か回答してくださった方がいらっしゃいましたので、ここで紹介します。順番は私が気づいた順です。基本的にアクセス解析のリファラで確認してます。全くアクセスのないサイトでない限りは多分平気。「回答したからすぐにでも載せてくれ」って方がいらっしゃいましたら、メールにて当該URIを送って下さいな。はてなのコメントで知らせてくれてもOK。 っていうかこういうときトラックバックあると便利なのかな。今さら面倒だからそんな機能つけないけど。 質問の数が5個ってのは概ね好評みたい。 我的春秋: Re: 正しくHTMLを書こうと心がけている人に5つの質問 Re : 正しくHTMLを書こうと心がけている人に5つの質問（pixel） 正しくHTMLを書こうと心がけている人に5つの質問 (kuruman.org > 諸情報) Re: 正しくHTMLを書こうと心がけている人に5つの質問（JamG
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コードレビュー なんてしてられるかッ!!
今からハジメるHTML5マークアップ
GitHub - tenderlove/markup_validity: Test for valid markup with test/unit or rspec
サービス終了のお知らせ
http://tidy.rubyforge.org/
サービス終了のお知らせ
IBM dW : XML | Web architecture : HTMLの将来、パート1：WHATWG - Japan
