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プロパティの詳細な説明

推薦する

JavaScript で虫眼鏡の特殊効果を実現

達成される効果:マウスを小さな画像の上に置くと、小さなブロックが小さな画像の上に表示され、この小さな...

Webpackを使用して複数ページのプログラムを構築するための実装手順

webpack を使用してシングルページのプログラムを構築することは非常に一般的ですが、実際の開発で...

Tomcatソースコードをideaにインポートする方法

目次1. Tomcatコードをダウンロードする2. ダウンロード後のディレクトリ構造3. ソースコー...

MySQL の遅いクエリの最適化方法と最適化の原則

1. 日付のサイズを比較するには、XML に渡される日付形式は 'yyyy-MM-dd...

ドロップダウンメニュー効果を実現するJavaScript

参考までに、JavaScriptを使用してドロップダウンメニューを実装します。具体的な内容は次のとお...

無効と読み取り専用で入力を読み取り専用に設定する

読み取り専用入力を実現するには、無効と読み取り専用の 2 つの方法があります。当然、どちらの結果も読...

包括的なウェブサイト評価ソリューション

<br />「XXXのウェブサイトを見てみませんか?」といった質問をされることもあります...

CSS でよく使用されるフォントサイズ、フォント単位、行の高さの詳細な説明

px(ピクセル)ピクセルという言葉は皆さんもよくご存知だと思います。次に、この単位に関するちょっとし...

Tomcat のメモリ構成の正しい姿勢についての簡単な説明

1. 背景多くのブログや記事を読みましたが、JVM のメモリ割り当て方法に関する包括的な記事は見つか...

CSS でよく発生する問題の整理 (ロゴのハッキング/コンテナの固定/画像の垂直方向の中央揃え)

1. IEブラウザモードハックロゴ1. CSSハックロゴコードをコピーコードは次のとおりです。 ie...

MySQL 8.0.12 解凍版インストールチュートリアル個人テスト!

Mysql8.0.12 解凍版のインストール方法をテストしましたので、ご参考までに1. ダウンロー...

Win10の明るさ調整効果を模倣するHTML+CSS+JSサンプルコード

HTML+CSS+JS で Win10 の明るさ調整効果を模倣コード <!doctypehtm...

Node.js における path.join() の利点の分析

文字列連結ではなく path.join() メソッドを使用する必要があるのはなぜか疑問に思うかもしれ...

この記事では、MySQLのマスタースレーブ同期の原理を説明します。

目次MySQL マスタースレーブ同期原理の簡単な分析1. マスタースレーブとは何ですか? 2. 主従...

個人ブログシステムを構築するためのDockerの超シンプルな実装

Dockerをインストールするyumパッケージを最新バージョンに更新します: sudo yum up...