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 binlog を使用して誤って削除されたデータベースを復元する方法

目次1 現在のデータベースの内容を表示し、データベースをバックアップする2 bin_log関数を有効...

Docker CPU 制限の実装

1. --cpu=<値> 1) コンテナが使用できるCPUリソースの量を指定しますが、コ...

XHTML CSS ウェブサイトデザインの利点と問題点

XHTML は現在国際的に推奨されている標準的な Web サイト設計言語です。Webjx.com も...

有名なウェブサイトのロゴに使われている25種類のフォントのコレクション

この記事では、25 の有名な Web サイト (Google、Yahoo、Twitter、Digg ...

uniappを使用してWeChatミニプログラムでEChartsを使用する方法

今日は、uniapp を使用して Echarts を統合し、マップ チャートを表示します。 mpvu...

JavaベースのMySQLバックアップテーブル操作

コアはmysqldumpとランタイムです操作は実際にはそれほど難しくありません。バックアップ操作を実...

vue-resource インターセプターの使用に関する詳細な説明

序文インターセプター最近のフロントエンド フレームワークでは、インターセプターは基本的に非常に基本的...

JavaScriptは、マウスが通過したときにドロップダウンボックスを表示するように実装します。

この記事では、マウスがドロップダウンボックスの上を通過するときにドロップダウンボックスを表示するため...

div が iframe に覆われるいくつかの状況とその解決策

類似の構造:コードをコピーコードは次のとおりです。 <div></div>&...

Docker MySQLコンテナデータベースへの変更が有効にならない問題を解決する

公式の MySQL イメージを使用するには、構成ファイル、DB データ ファイル ディレクトリなどの...

docker runとstartの違い

docker における実行と開始の違いDocker run はミラーイメージを指定します。そしてdo...

MySQL データベース アーキテクチャの詳細

目次1. MySQL アーキテクチャ2. ネットワーク接続層3. データベースサービス層4. 接続プ...

Linux に nodejs 環境とパス構成をインストールするための詳細な手順

Linux に Node.js をインストールする方法は 2 つあります。1 つは簡単で、解凍して使...

Docker MQTT のインストールと使用のチュートリアル

MQTT の紹介MQTT (Message Queuing Telemetry Transport)...

HTML テーブル マークアップ チュートリアル (18): テーブル ヘッダー

<br />ヘッダーはテーブルの最初の行を参照します。ヘッダー内のテキストは中央揃えで太...