Zen HTML要素 Zenコーディングを使用する友人はそれを収集できます

Zen HTML要素 Zenコーディングを使用する友人はそれを収集できます

html

 <html></html>

html:xml

 <html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "ru" </html>

html:4t

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang = "ru" >
<ヘッド>
<タイトル></タイトル>
<メタ http-equiv = "コンテンツタイプ" コンテンツ= "text/html; 文字セット = UTF-8" >
</head>
<本文>

</本文>
</html>

html:4s

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang = "ru" >
<ヘッド>
<タイトル></タイトル>
<メタ http-equiv = "コンテンツタイプ" コンテンツ= "text/html; 文字セット = UTF-8" >
</head>
<本文>

</本文>
</html>

html:xt

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "ru" >
<ヘッド>
<タイトル></タイトル>
<メタ http-equiv = "コンテンツタイプ" コンテンツ= "text/html; 文字セット = UTF-8" />
</head>
<本文>

</本文>
</html>

html:xs

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "ru" >
<ヘッド>
<タイトル></タイトル>
<メタ http-equiv = "コンテンツタイプ" コンテンツ= "text/html; 文字セット = UTF-8" />
</head>
<本文>

</本文>
</html>

html:xxs

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "ru" >
<ヘッド>
<タイトル></タイトル>
<メタ http-equiv = "コンテンツタイプ" コンテンツ= "text/html; 文字セット = UTF-8" />
</head>
<本文>

</本文>
</html>

html:5

 <!DOCTYPE HTML>
<html lang = "ru-RU" >
<ヘッド>
<タイトル></タイトル>
<メタ 文字セット= "UTF-8" >
</head>
<本文>

</本文>
</html>

ドキュメントメタデータ

 <ヘッド></ヘッド>

タイトル

 <タイトル></タイトル>

ベース

 <ベース href = "" >

リンク

 <リンク>

リンク:css

 <リンク rel = "スタイルシート" タイプ= "テキスト/css" href = "スタイル.css" メディア= "すべて" >

リンク:印刷

 <リンク rel = "スタイルシート" タイプ= "テキスト/css" href = "print.css" メディア= "印刷" >

リンク:ファビコン

 <リンク rel = "ショートカットアイコン" タイプ= "image/x-icon" href = "favicon.ico" >

リンク:タッチ

 <リンク rel = "アップルタッチアイコン" href = "ファビコン.png" >

リンク:rss

 <リンク rel = "代替" タイプ= "application/rss+xml" タイトル= "RSS" href = "rss.xml" >

リンク:atom

 <リンク rel = "代替" タイプ= "application/atom+xml" タイトル= "アトム" href = "atom.xml" >

メタ

 <メタ>

メタ:utf

 <メタ http-equiv = "コンテンツタイプ" コンテンツ= "text/html; 文字セット = UTF-8" >

メタ:勝つ

 <メタ http-equiv = "コンテンツタイプ" コンテンツ= "text/html;charset=Win-1251" >

meta:compat

 <メタ http-equiv = "X-UA 互換" コンテンツ= "IE=7" >

スタイル

 <スタイル タイプ= "text/css" ></style>

スクリプト

スクリプト

 <スクリプト タイプ= "text/javascript" </script>

スクリプト:src

 <スクリプト タイプ= "テキスト/javascript" src = "" ></script>

スクリプトなし

 <スクリプトなし></スクリプトなし>

セクション

 <本文></本文>

セクション、sect

 <セクション></セクション>

ナビゲーション

 <nav></nav>

記事、芸術

 <記事></記事>

余談

 <余談></余談>

h1

 <h1></h1>

h2

 <h2></h2>

h3

 <h3></h3>

h4

 <h4></h4>

h5

 <h5></h5>

h6

 <h6></h6>

hgroup、hgr

 <hgroup></hgroup>

ヘッダー、hdr

 <ヘッダー></ヘッダー>

フッター、ftr

 <フッター></フッター>

アドレス、adr

 <アドレス></アドレス>

div

 <div></div>

コンテンツのグループ化

p

 <p></p>

hr

 <時間>

br

 <br>

 <pre></pre>

ダイアログ、dlg

 <ダイアログ></ダイアログ>

ブロック引用、bq

 <blockquote></blockquote>

オル

 <ol></ol>

ol+

 <オル>
<li></li>
</ol>

ul

 <ul></ul>

ul+

 <ul>
<li></li>
</ul>

li

 <li></li>

dl

 <dl></dl>

dl+

 <ダウンロード>
<dt></dt>
<dd></dd>
</dl>

dt

 <dt></dt>

dd

 <dd></dd>

テキストレベルのセマンティクス

 <a href = "" ></a>

a:link

 <a href = "http://" ></a>

a:メール

 <a href = "mailto:" ></a>

q

 <q></q>

引用

 <引用></引用>

(原文)

 <em>

強い、str

 <strong></strong>

小さい

 <small></small>

マーク

 <マーク></マーク>

dfn

 <dfn></dfn>

略語

 <略語 タイトル= "" ></abbr>

頭字語、acr

 <頭字語 タイトル= "" ></acronym>

時間

 <時間></時間>

進捗、prog

 <進捗状況></進捗状況>

メーター

 <メートル></メートル>

コード

 <コード></コード>

var

 <var></var>

サンプル

 <サンプル></サンプル>

KB

 <kbd></kbd>

サブ

 <sub></sub>

すする

 <sup></sup>

スパン

 <span></span>

 <i></i>

b

 <b></b>

bdo

 <bdo dir = "" </bdo>

bdo:r

 <bdo dir = "rtl" </bdo>

bdo:l

 <bdo dir = "ltr" </bdo>

ルビー

 <ルビー></ルビー>

rt

 <rt></rt>

rp

 <rp></rp>

編集

イン

 <ins></ins>

削除

 <削除></削除>

埋め込みコンテンツ

図、イチジク

 <図></図>

画像

 <画像 ソース= "" 代替= "" >

iframe、ifr

 <iframe ソース= "" フレームボーダー= "0" ></iframe>

埋め込み、emb

 <埋め込み ソース= "" タイプ= "" >

オブジェクト、obj

 <オブジェクト データ= "" タイプ= "" ></object>

パラメータ

 <パラメータ 名前= "" = "" >

ビデオ

 <ビデオ src = "" ></ビデオ>

オーディオ

 <音声 src = "" ></audio>

ソース、src

 <ソース>

キャンバス

 <キャンバス></キャンバス>

マップ

 <地図 名前= "" ></map>

マップ+

 <地図 名前= "" >
<エリア 形状= "" 座標= "" href = "" 代替= "" >
</マップ>

エリア

 <エリア 形状= "" 座標= "" href = "" 代替= "" >

エリア:d

 <エリア 形状= "デフォルト" href = "" 代替= "" >

エリア:c

 <エリア 形状= "円" 座標= "" href = "" 代替= "" >

エリア:r

 <エリア 形状= "長方形" 座標= "" href = "" 代替= "" >

エリア:p

 <エリア 形状= "ポリ" 座標= "" href = "" 代替= "" >

表形式データ

テーブル

 <テーブル></テーブル>

テーブル+

 <テーブル>
<tr>
<td></td>
</tr>
</テーブル>

キャプション、キャップ

 <キャプション></キャプション>

colgroup、colg

 <colgroup></colgroup>

colgroup+、colg+

 <colgroup>
<列>
</colgroup>

 <列>

tボディ

 <tbody></tbody>

スレッド

 <thead></thead>

tfoot

 <tfoot></tfoot>

tr

 <tr></tr>

tr+

 <tr>
<td></td>
</tr>

番目

 <番目></番目>

td

 <td></td>

フォーム

形状

 <フォーム アクション= "" ></form>

フォーム:get

 <フォーム アクション= "" メソッド= "get" ></form>

フォーム:投稿

 <フォーム アクション= "" メソッド= "投稿" ></form>

フィールドセット、fset

 <フィールドセット></フィールドセット>

凡例、脚

 <凡例></凡例>

ラベル

 <ラベル の場合= "" ></label>

入力

 <入力 タイプ= "" >

入力:hidden、入力:h

 <入力 タイプ= "隠し" = "" >

入力:テキスト、入力:t

 <入力 タイプ= "テキスト" = "" id = "" >

入力:検索

 <入力 タイプ= "検索" = "" id = "" >

入力:メールアドレス

 <入力 タイプ= "メール" = "" id = "" >

入力:url

 <入力 タイプ= "url" = "" id = "" >

入力:パスワード、入力:p

 <入力 タイプ= "パスワード" = "" id = "" >

入力:datetime

 <入力 タイプ= "datetime" = "" id = "" >

入力:datetime-local

 <入力 タイプ= "datetime-local" = "" id = "" >

入力:日付

 <入力 タイプ= "日付" = "" id = "" >

入力:月

 <入力 タイプ= "月" = "" id = "" >

入力:週

 <入力 タイプ= "週" = "" id = "" >

入力:時間

 <入力 タイプ= "時間" = "" id = "" >

入力:数値

 <入力 タイプ= "数値" = "" id = "" >

入力:範囲

 <入力 タイプ= "範囲" = "" id = "" >

入力:色

 <入力 タイプ= "色" = "" id = "" >

input:チェックボックス、input:c

 <入力 タイプ= "チェックボックス" id = "" >

入力:ラジオ、入力:r

 <入力 タイプ= "ラジオ" id = "" >

入力:ファイル、入力:f

 <入力 タイプ= "ファイル" id = "" >

入力:送信、入力:s

 <入力 タイプ= "送信" = "" >

入力:画像、入力:i

 <入力 タイプ= "画像" ソース= "" 代替= "" >

入力:リセット

 <入力 タイプ= "リセット" = "" >

入力:ボタン、入力:b

 <入力 タイプ= "ボタン" = "" >

ボタン、btn

 <ボタン></ボタン>

選択

 <選択 id = "" ></select>

選択+

 <選択 id = "" >
<オプション = "" ></option>
</選択>

optgroup、optg

 <optgroup></optgroup>

optgroup+、optg+

 <optgroup>
<オプション></オプション>
</optgroup>

オプション、opt

 <オプション></オプション>

インタラクティブ要素

データグリッド、データg

 <データグリッド></データグリッド>

データリスト、datal

 <データリスト></データリスト>

テキストエリア、テーブル

 <テキストエリア id = "" 列数= "30" 行数= "10" ></テキストエリア>

keygen、kg

 <キージェネレータ>

出力、out

 <出力></出力>

詳細、det

 <詳細></詳細>

コマンド、cmd

 <コマンド>

bb

 <bb></bb>

メニュー

 <メニュー></メニュー>

メニュー:コンテキスト、メニュー:c

 <メニュー タイプ= "コンテキスト" ></メニュー>

メニュー:ツールバー、メニュー:t

 <メニュー タイプ= "ツールバー" ></メニュー>

条件付きコメント

cc:ie

 <!--[IEの場合]><![endif]-->

cc:noie

 <!--[if !IE]><!--><!--<![endif]-->

<<:  ウェブ開発者はIE7とIE8の共存を懸念している

>>:  CSS3のtext-fill-colorプロパティの詳細な説明

推薦する

MySQL スロークエリログの有効化と設定

導入MySQL スロー クエリ ログは、問題のある SQL ステートメントのトラブルシューティングや...

JS 非同期スタック トレース: await が Promise よりも優れている理由

概要async/await と Promise の基本的な違いは、await fn() は現在の関数...

JConsoler を使って Tomcat の JVM メモリを監視する方法を説明します

目次1. Tomcatを監視する方法2. Java独自の監視コマンド3. Tomcatのトラブルシュ...

Vue カプセル化に基づくプルダウン更新およびプルアップ読み込みコンポーネント

VueとネイティブJavaScriptカプセル化に基づいて、プルダウンリフレッシュとプルアップロード...

mysql データはどこに保存されますか?

MySQLデータベースの保存場所: 1. MySQLがMyISAMストレージエンジンを使用する場合...

HTML ファイルにフラッシュ ビデオ形式 (flv、swf) ファイルを埋め込む方法

Flash ファイル形式: .FLV および .SWFフラッシュ ビデオ形式には、.flv と .s...

JavaScript イベントの概念の詳細な説明 (静的登録と動的登録の区別)

目次js のイベントイベントタイプ一般的なイベントイベント登録静的および動的登録の例onload 読...

dockerでopenGaussデータベースを構成する方法の詳細な説明

Windowsユーザー向けDocker で openGauss を使用するopenGaussイメージ...

jsは双方向データバインディング(アクセサ監視)を実現します

この記事の例では、双方向データバインディングを実現するためのjsの具体的なコードを参考までに共有して...

MySQL 5.7.31 64 ビット無料インストール版チュートリアル図

1. ダウンロードダウンロードアドレス: https://dev.mysql.com/get/Dow...

Mysql が CPU を過剰に占有する場合の最適化方法 (必読)

Mysql が CPU を占有しすぎる場合、どこから最適化を開始すればよいでしょうか? CPU 使...

親要素に対する CSS 子要素の固定配置ソリューションの詳細な説明

基本概念絶対配置: 絶対配置に設定された要素ボックスはドキュメント フローから完全に削除され、その包...

Dockerのyumソースの設定とCentOS7へのインストールの詳細な説明

ここではCentOS7が使用されており、カーネルバージョンは [root@localhost ~]#...

ウェブページ作成時に標準 HTML コードを使用する際のポイント

多くの Web サイト デザイナーが犯す最も一般的な間違いは、Web ページが IE で正常に表示さ...

doctype のマークアップ検証

しかし最近、この方法を使用すると問題が発生することがわかりました。コードを参照してください。コードを...