liguofeng29’s blog

個人勉強用ブログだっす。

┗━HTML5の常用要素と属性

HTML5の要素と属性 - DataTransfer

DND(Drag And Drop)を行う際のデータ運びに使うのはDataTransferオブジェクトである。 DataTransferの属性とメソッド dataTransfer.dropEffect : DND可能な操作 属性値は、none, copy, link, move dataTransfer.effectAllowed 属性値は、none, copy, copyLin…

HTML5の要素と属性 - DND(Drag And Drop) API

HTML5では要素をドラッグ&ドロップするAPIを提供する ドラッグ&ドロップイベント ondragstart : ドラッグ開始時 イベント元 : HTML要素 ondrag : ドラッグが継続している間 イベント元 : HTML要素 ondragend : ドラッグ終了時 イベント元 : HTML要素 ondra…

HTML5の要素と属性 - head要素

head要素の内部要素について。 heda内部要素 script style link title base : ページ内ハイパーリンクの方式 href属性 target属性 : blank, parent, self, top meta : ページの情報 http-equiv属性 Expires : ページ期限切れ指定 Pragma : ローカルバッファ…

HTML5の要素と属性 - HTML5新規要素③(meterとprogress)

HTML5から特殊な要素が追加されている meter value : 現在値、デフォルト0 min : 最小値、デフォルト0 max : 最大値、デフォルト1 low : 指定範囲の最小値、minより大きい high : 指定範囲の最大値、maxより小さい optimum : best値? progress max : 完成値…

HTML5の要素と属性 - HTML5新規要素②(semantic関連)

・mark - 強調される ・time - 属性:datetime - システムに時刻であり、値を提供するため。 yyyy-MM-ddTHH:mmフォーマットである <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=SJIS" /> <title>semantic </title> </head> <body> <article> <header> <h2><mark>HTML 5</mark>について</h2> </header> <p> <mark>HTML 5…</mark></p></article></body></html>

HTML5の要素と属性 - HTML5新規要素①(ドキュメント構造関連)

HTML5以前では、div要素で表現してたが、HTML5からはドキュメント構造を表す要素が大量に追加されている。 HTML5ドキュメント構造要素 article : 独立する完全かる文章 内部要素:header - タイトル 内部要素:footer - 脚注 内部要素:section - 段落 内部…

HTML5の要素と属性 - HTML5新規共通属性

HTML5は既存HTMLの殆どの要素は残していて、かつ新規属性を追加している。 HTML5新規属性 contentEditable属性 trueの場合、要素内の内容編集可能 継承性を持っている designMode属性 グローバルcontentEditableである onの場合、ページ全体が編集可能 hidde…

HTML5の要素と属性 - 既存HTML要素③ (表関連)

テーブル要素 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC" /> <title> テーブル定義 </title> </head> <body> <table style="width:400px" border="1"> <caption><b>テーブルのタイトル(一つのみ含む)</b></caption> <tr> <th>列1ヘッダー</th> <th>列2ヘッダー</th> </tr> <tr> <td>1-1</td> <td>1-2</td>…</tr></table></body></html>

HTML5の要素と属性 - 既存HTML要素②

アンカー(Anchor)要素 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=SJIS" /> <title> アンカー(Anchor) </title> </head> <body> <a href="http://www.google.co.jp"><b>現在ページ</b></a><br /> </body></html>

HTML5の要素と属性 - 既存HTML要素①

基本要素 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>基本タグ</title> <meta name="author" content="HTML5基本タグ" /> </head> <body> <h1>h1のテキスト</h1> <h2>h2のテキスト</h2> <h3>h3のテキスト</h3> <h4>h4のテキス…</h4></body></html>