Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
htmlに関するmaRkのブックマーク (199)
-
maRk 2012/09/25
-
-
-
What is HTML5?
A brief overview of HTML5. Video by Topic Simple (http://www.topicsimple.com) Need something explained? Get a video: http://topicsimple.com/get-a-video/ Transcription: So, if you have been paying attention to chatter on the internet these days, especially geeky chatter, you may have heard the term HTML5. Well what is that? HTML stands for, uhhh forget it, but its the behind the scenes codin
-
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
-
XHTML1.0とHTML5の違いをスタバのページで紹介 (1/6)
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のサイトをHTML5化してみると理解しやすいでしょう。今回は、実在するWebサイトをHTML5に（勝手に）リニューアルしながら、HTML 4.01やXHTML 1.0との違いを解説します。ソースコードだけをリニューアルすることは実務ではあまりないと思い
-
寄せては返す館主専用 - なぜ人はテーブルタグで日本地図を作るのか(コメント欄)
そこにテーブルタグがあるからだ。……ということなのだろうか。 とかく人はテーブルタグで日本地図を作りたがる。テーブルタグで作った日本地図がちゃんと日本地図になっているというのも考えてみればふしぎではある。 というわけでテーブルタグ日本地図の紹介。 「Template:日本 - Chakuwiki」を追加 (3/10) 「地図の検索 - goo 地図」を追加 (3/11) 「道州制」を追加 (3/11) 「『A day of rest』」を追加 (3/12) 「いつもガイド」を追加 (3/13) 「トップページだけでもなんとかしたいのよ」を追加 (4/10) 素材散策：資料＆テキスト／日本地図（HTML）（TSUKURUの素材散策より） 自分の見た限りではもっとも出来のよい日本地図。テーブルタグという制約の中で最大限日本地図たりえんと創意工夫を凝らしている。至極の出来栄え。地域ごとに色分けし
-
HTML5 におけるアウトラインに関して簡単解説
HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは？ アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう
-
もしも10分の1の行数でHTMLが書けたら
Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLやCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基本的な使い方 ここからはZen-Codingの基本的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ
-
HTML Tidyで整形
はじめに このサイトはxtを使用してxmlからxhtmlに変換して公開している．ブラウザで見る分には支障ないのだが，ソースとしてみた場合，xtの作成するxhtmlは決して見やすいものではない．整形するためのperlスクリプトを作ってみたのだが，なかなかきれいには整形できない．HTML Tidy（以下tidy）はこの悩みを解消してくれそうだ． インストール Windowsで動くバイナリもあるが，普段cygwinを使っているのでcygwin版をインストールする．cygwinからsetup.exeをダウンロードして起動する．tidyはカテゴリTextの中にある．デフォルトではインストール対象から外れているので，インストール対象に変更する．後はsetup.exeがうまい具合にやってくれる． コマンドラインで動かしてみる トップページのindex.htmlをサンプルにして動かしてみた．index.h
-
HTML 文書の簡単な作り方 (第3.1版)
目次 1.0.0 新版への変更点 1.1.0 ver.3.0 から ver.3.1 への変更 1.2.0 ver.2 から ver.3 への変更 1.3.0 ver.1 から ver.2 への変更 2.0.0 tt形式 2.1.0 どのような人に推奨できるか? 2.2.0 tt 形式の簡単な文例 2.3.0 HTML のテーブルは面倒だね 2.4.0 画像の扱いは? 2.5.0 もっといろいろな文例は? 2.6.0 tt 形式の文法詳解 3.0.0 ptt のデモ 4.0.0 インストール 4.1.0 ptt 4.2.0 文字コードの調整 4.3.0 好みの調整 4.4.0 mkh 4.5.0 rit 5.0.0 他のホームページ作成ツール 6.0.0 ホームページ作成ガイドライン 2007/09/29 改訂(ver.3.1) 2007/09/23 改訂(ver.3) 2006/07/01
-
W3CとHTML5のruby要素の違い。
Ruby Annotation HTML5 ruby 昔々、あるところにruby要素なるものがあった。IEと呼ばれている古代のブラウザによって実装せられていた。 ここに、w3cといういう奴らがやってきて、標準化しようとした。これが、まことに複雑怪奇なものであって、誰も実装しようとしなかった。いまだに、誰もw3cのrubyは実装していない。以下に、その複雑怪奇な例を示す。 <ruby> <rbc> <rb>複</rb> <rb>雑</rb> <rb>怪</rb> <rb>奇</rb> </rbc> <rtc> <rt>ふく</rt> <rt>ざつ</rt> <rt>かい</rt> <rt>き</rt> </rtc> <rtc> <rt>ruby要素の例</rt> </rtc> </ruby> これは、例えば、以下のように表示される。 ふくざつかいき 複雑怪奇 ruby要素の例 実に複雑なのだ
-
HTML vs. XHTML - WHATWG Wiki
It is the MIME type (which may or may not be determined by file extension) that determines what type of document you are using. Any document served as text/html, including a document authored with the intention of being XHTML, is technically an HTML document. Note that XHTML 1.0 previously defined that documents adhering to the compatibility guidelines were allowed to be served as text/html, but H
-
Re:犯してはいけないHTMLタグの過ち10個
Re:犯してはいけないHTMLタグの過ち10個 ネタ元：犯してはいけないHTMLタグの過ち10個 基本的には良い記事なんだけども、原文が2年近く前の物でXHTMLを前提に書かれているので少しだけ内容が古いかなと思ったりします。 1. インライン要素の中にブロック要素を入れない <a href="#"><h2>これは間違いです</h2></a> aタグのようなインライン要素の中にhタグのようなブロック要素を入れてはいけません、となってるけどこれはHTML5的にはこれはあり。 a要素は基本的にフロー・コンテンツが記述できる場所に記述できます。ただ、他のほとんどのインライン要素はフレージング・コンテンツしか内包できないのでNG。 <span><h2>これは間違いです</h2></span> HTML5だとコンテンツモデルの概念が変わっているので要注意。 参考：コンテンツ・モデル - HTML5タ
-
-
フォームコントロールに共通な属性 - フォーム - HTML要素 - HTML5 タグリファレンス - HTML5.JP
4.10.19.2 要素の方向性のサブミット: dirname 属性 フォームコントロール要素の dirname 属性によって、その要素の方向性をサブミットできるようにし、 フォームサブミットの際にこの値を入れるフィールドの名前を与えます。この属性が指定されたら、その値は空文字列であってはいけません。 この例では、フォームにテキストフィールドとサブミットボタンがあります： <form action="addcomment.cgi" method=post> <p><label>コメント: <input type=text name="comment" dirname="comment.dir" required></label></p> <p><button name="mode" type=submit value="add">コメントを投稿</button></p> </form> ユ
-
W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
-
HTMLをチェックして正しい書き方を見につける方法 | nanapi[ナナピ]
HTMLをチェックして正しい書き方を見につける方法に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに ホームページは、HTMLという言語で出来ています。 この言語を規格に沿って正しく作ることは、ホームページの評価にとってもよい事です。少なからず検索結果にも影響すると言われているので、どの程度きちんと出来ているかチェックしましょう。 やり方 Another HTML-lint gatewayを使ってＨＴＭＬをチェックする方法を記載します。 STEP1 まず、Another HTML-lint gatewayにアクセスします。 http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html すると以下のようなページが表示されます。 STEP2 ＵＲＬを記入して「チェック」をクリックします
-
Empty image src can destroy your site - Human Who Codes
Posted at November 30, 2009 by Nicholas C. Zakas Tags: HTML, PHP, Web Development This is a problem I’ve come across frequently, and since it has come up again recently, I thought I’d explore this issue in the hope that it will save others some trouble. There are so many problems that this one issue can lead to that it’s baffling browsers still behave this way. The issue? An HTML image, either via
-
20 HTML Best Practices For Beginners
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Most of the web pages you encounter ar
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました