とても効率的になった！HTML5に関する「役立つ」まとめ
作成：2013/12/16 更新：2014/11/01 Web制作 > サイト構築をするときに、フォームまわりの改善や動画やAPIを使わなくてはいけない機会があったので、ついでにHTML５のマークアップをおさらいをしました。今回はサイトを構築する上で覚えておくと役に立つ、使用頻度の高いポイントだけおさえてまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ HTML5 タグ一覧 １．フォーム（input ）関連の便利な新要素 ２．基本要素一覧 動画／音楽再生 ３．video タグ ４．audio タグ アプリケーション向けの機能／API ５．位置情報を取得する ６．ローカルストレージ ７．サーバー双方向通信 ８．バックグラウンド処理 ９．ファイル操作 サンプル １０．ソースコードつきのサンプル テンプレート １１．テンプレート＋作成ツール HTML5
<MAP>－HTMLタグリファレンス
HTMLタグでひとつの画像に複数のリンクを設定することを、 クライアントサイドイメージマップといいます。 クライアントサイドイメージマップでは、 マップ全体を<MAP>タグで定義し、<MAP>～</MAP>間に <AREA>タグでリンク領域とそのリンク先を指定します。 また、<IMG>タグでマップを適用する画像とその画像が使用するマップ名を指定します。 ■使用例 HTMLソース <img border="0" src="sample/area.gif" usemap="#sample" alt="サンプル" width="384" height="128"> <map name="sample"> <area href="area.htm" shape="rect" alt="四角形" coords="15,19,126,104"> <area href="area.htm" shape=
【ホームページ作成】テーブルのセル全体でリンクする
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- a {display:block;width:100%;height:100%;} a:hover {background-color:#ffcccc;} --> </style> </head> <body> <table border="1"
HTMLタグ/テーブルタグ/セル内で自動改行させない - TAG index
td要素やth要素に nowrap を追加すると、セル内の自動改行（折り返し）を禁止することができます。 <td nowrap>自動改行を禁止します</td>
<tr>タグにCSSでborder-bottomを設定することで、 テーブルの一行ごとに下線を引きたいのですが、どうしたらよいでしょうか。…
<tr>タグにCSSでborder-bottomを設定することで、 テーブルの一行ごとに下線を引きたいのですが、どうしたらよいでしょうか。 <tr>タグにはborderを設定できないのでしょうか？
テーブル -- ごく簡単なHTMLの説明
いくつかの属性とそのサンプルのような、2次元で表現できる情報は「表」の形にまとめると理解しやすくなります。表計算やデータベースでは、横軸に属性（氏名、住所、電話など）をとり、縦軸にサンプル（それぞれの属性を持つメンバー）をとって表現します。リストが「列挙」という形で1次元の情報を表現していたのと対比すると、「表」がふさわしい情報のタイプがよく分かります。 目次： テーブルの基本構成要素 簡単なテーブル 罫線とセルの境界 テーブルの説明 項目名 セルの伸張 セルの背景色 行と列のグループ化 取り上げる要素： table caption tr td th col colgroup thead tbody tfoot HTMLのテーブルはたくさんの要素や属性があって複雑ですが、XHTMLのモジュール化においてBasic Tableと分類されている範囲として、まず項目名あたりまで目を通しておくだけ
HTMLタグ「テーブル(table)タグ」
テーブルタグとは htmlタグの１つです。四角い枠を作ることができます。表に使ったり、レイアウトに使ったり、文字や画像を綺麗に揃えたりと、とてもホームページ作りにかかせないものです。このタグを使ってないサイトはほとんどないと思います。このタグを利用して見栄えのいいホームページを作りましょう。このタグは色指定や「border」と書かなければ透明のレイアウト用の枠として使えるので活用しましょう。
XHTML 1.0: 拡張可能ハイパーテキストマークアップ言語
XHTML™ 1.0: 拡張可能ハイパーテキストマークアップ言語 この文書は、W3Cにより作成されW3C勧告として公開されている "XHTML" 1.0: The Extensible HyperText Markup Language " (http://www.w3.org/TR/2000/REC-xhtml1-20000126/) を、どら猫本舗が翻訳したものです。 最新版の文書は http://www.w3.org/TR/xhtml1/ にあります。 正式なワーキングドラフトはW3Cサイトにある英語版です。この日本語版は参考にすぎません。 この文書には翻訳上の誤りがあるかもしれません。どら猫本舗は翻訳の正確性を保証しません。あくまでご自身の責任でご利用ください。 お気付きの点がありましたらどら猫本舗までお知らせください。 XHTML™ 1.0: 拡張可能ハイパーテキストマークアップ
XML宣言についてのアレコレ
CSSを覚えていく上でXML宣言と文書型宣言に関しての理解がないと、組んでいくうちにブラウザによって表示の違いが生じ、後から色々とスタイルを調整しても何が原因で表示が違うのか分からなくなってしまうといった事があると思います。 という事で、XML宣言について自分なりのアレコレを書いてみます。（間違ってるトコあったらご指摘願います） 文書型宣言に関してのアレコレは次のエントリーに。 あ、XML宣言ってのはコレ↓です。 <?xml version="1.0" encoding="utf-8"?> 文書型宣言ってのは、ウチのサイトの場合コレ↓です。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> XML宣言のアレコレ XML宣言
Another HTML-lint : Explanation
44,155 lints / 0 visits / since Jan 6, 1998 エラーについて 出力されるエラーは、だいたい次のように分類されます。 文法的に間違っているもの。 *6* 文法的には正しいが、HTMLとして正しくないもの。 *5* 文法的にもHTMLとしても正しいが、WAIやテクニカルノートなどで守らなければならない (優先度1) とされているもの。 *4* 文法的にもHTMLとしても正しいが、WAIやテクニカルノートやRFCで推奨されていないもの。 *3* 経験的によろしくないんじゃないかとされるもの。 ** 宗教的によろしくないんじゃないかとされるもの。 * プログラムの都合によるもの。 各エラーが、それぞれどういう質のものなのかを * で示してあります。 エラーの数が 999個を超えたのでチェックを打ち切ります。 あまりエラーが多いときは、チェックを打ち切るよう
XHTMLの書き方と留意点
class="abstract" itemprop="http://purl.org/dc/terms/abstract"ひろく普及したHTMLの資産を生かしつつ、より強力で応用範囲の広いXMLの技術をWebに取り込むために、HTML 4.01と互換性を持つ新しいマークアップ言語XHTML 1.0が勧告されました。次の世代に備えるための、いくつかのポイントをご紹介します。 XHTMLとは XHTMLの基本形 HTMLとの互換性について 従来のHTMLをXHTMLに変換するための若干のヒント XHTMLとは 2000年1月26日にW3Cの勧告となったXHTML（Extensible HyperText Markup Language）[XHTML10]は、素朴な文書構造記述言語として発展してきた（あるいは混乱してきた）HTMLに、XML[XML1]の持つ柔軟性、拡張性を取り入れたものです。H
XML用語事典 [XML宣言]
XML Declaration XML宣言とは、XML文書の先頭に付き、その文書がXML文書であることを明確に示す文字列である。以下がXML宣言の例である。 XML宣言は処理命令と似ているが、処理命令ではない。 XML宣言は必ず先頭に記述する必要がある。それより手前に空白文字や空行があってはならない。 version=の内容は常に1.0である。またXML宣言中で省略はできない。 encoding=で指定されるものは、XML文書がどのような文字コードで記述されているかを明示するものだが、XML宣言の他にも、HTTPヘッダーにcharsetパラメータを付けるなど、ほかにも指定手段が存在することに注意が必要である。 standalone=は、そのXML文書が、スタンドアロン文書かどうかを、yesまたはnoで記述する。
クリッカブル・イメージマップ/HTML4.01講座＆リファレンス
サブルーチンの基本的な使い方 プログラム内で何回も同じ処理をするようなときは、その処理の部分を切り離してサブルーチンにしてしまうのがスマートなやり方です。そうすれば、何回も同じソースを書く必要がなくなるので、時間の節約にもなります。 サブルーチンの宣言 サブルーチンは sub で宣言します。 sub func; # サブルーチンの宣言 サブルーチンを宣言し、なおかつ定義するには次のようにします。サブルーチンの宣言と定義を同時に行うのが一般的です。 # サブルーチンの宣言と定義 sub func{ .... } サブルーチンを呼び出すには、アンパサンド( & ) をサブルーチン名の前につけて、以下のようにします。 &func(); サブルーチンはファイルのどの場所で宣言してもかまいませんし、呼び出し元と同じファイル内でなくても問題ありません。別ファイルにあるサブルーチンは、do、 re
2010年に勧告される「HTML5」は「HTML4」と何が違うのか？ - GIGAZINE
現在、ネットで一般的に使用されているHTML言語は「HTML 4」であり、1997年12月18日にW3C勧告として仕様が発表されたものです。これが実に10年以上の月日を経て、バージョンアップと言っても差し支えない「HTML 5」になるとのこと。最終版が登場するのは2010年9月頃の予定。 というわけで、来たるべき「HTML 5」時代に向けて、一体何がどう変わったのか、何が便利になるのかを見てみましょう。 HTML 5 HTML 5 differences from HTML 4 HTML 5 における HTML 4 からの変更点 面白いのがブログや記事向けの「article」要素や、画像やビデオなどの埋め込み内容に説明文やキャプションを付加する「figure」要素、マルチメディアのための「audio」および「video」要素、さらに新しい属性としてリンクをたどるときにpingされるリソース
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Textarea Tag
http://msugai.fc2web.com/web/tips/tableborder.html
HTMLタグ/テーブルタグ/外枠の太さを指定する - TAG index
HTMLタグ/テーブルタグ/セルを結合する - TAG index
http://blogtool.flatlabs.net/source.html
トータル1000種類以上、XHTML/CSSのフリーのテンプレート配布サイト集