wulin.com(www.vevb.com)の記事紹介:Webページは家のようなもので、HTML構造は1つずつ壁で、タグはレンガです。レンガは、壁が硬くなるように、整然とすてきな方法で配置する必要があります。最後に、CSSは装飾的な素材であり、それが美しいかどうかに依存します。したがって、優れたWebページが必要です。これは、クリーンで明確な構造HTMLを提供するだけでなく、CSSの究極の美化と分離できないものです。
しばらく前に、オンラインで閲覧するとき、いくつかの国内インターネット大企業のフロントエンド開発募集の質問が、ラベルセマンティクスの問題についてまだ言及していることがわかりました。このトピックはすでに決まり文句ですが、まだ多くの問題があります。それは習慣に帰着します。時間があるときはあまりにも怠zyなので、それを考慮せずにコードを書くだけです。私は間違っていたことを知っています!子供用の靴、ラベルセマンティクスを習慣にする必要があります!今日、私はラベルのセマンティクスを普及させ、一日中混乱しないように自分自身を奨励します!
Webデザインでは、タグのセマンティズ化という用語がよく聞こえます。 HTMLタグのセマンティック化のデザイン思考は、実際に特定のコンテンツに最も適切で適切なタグを使用することです。このようにして、それが誰であろうと、あなたはこのコンテンツが何であるかを理解することができます。
ウェブページは家のようなものです。 HTML構造は1つずつ壁で、タグはレンガです。レンガは、壁が硬くなるように、整然とすてきな方法で配置する必要があります。最後に、CSSは装飾的な素材であり、それが美しいかどうかに依存します。したがって、優れたWebページが必要です。これは、クリーンで明確な構造HTMLを提供するだけでなく、CSSの究極の美化と分離できないものです。
上記は、タグセマンティクスが非常に重要であることも示しています。 HTMLの各タグには、独自のセマンティクスと独自のアプリケーション範囲があります。しかし、それはしばしば私たちに無視されたり虐待されたりします。たとえば、ページには、数十または数百のページがあります。これは意味のないタグであり、レイヤーのみを表します。これは、後でメンテナンスするには非常に好ましくありません。 <table>タグはデータタグであり、それを使用する時が来たときは、大胆に使用する必要があります。
タグセマンティクスの利点タグセマンティクスを使用する理由は無数にあります。
HTMLタグセマンティクスの概要タグセマンティクスをより速くより速く使用するために、次のフォームにはすべてのHTMLタグとタグの説明をリストします。次のリストはアルファベット順に配置されています。ここで、新しい:HTML5の新しいタグです。
タグの説明
<! - … - >コメントを定義します。
<!doctype>ドキュメントタイプを定義します。
<a>ハイパーリンクを定義します。
<Abbr>略語を定義します。
<頭字語> HTML 5ではサポートされていません。頭字語を定義します。
<アドレス>アドレス要素を定義します。
<アプレット>はHTML 5ではサポートされていません。アプレットを定義します。
<エリア>画像マップ内の領域を定義します。
<ports>記事を定義します。
<astas>ページコンテンツの外側のコンテンツを定義します。
<Audio>サウンドコンテンツを定義します。
<b>太字のテキストを定義します。
<base>ページ内のすべてのリンクのベースURLを定義します。
<BaseFont> HTML 5ではサポートされていません。代わりにCSSを使用してください。
<bdi>テキストのテキスト方向を定義して、周囲のテキストの方向から設定されます。
<BDO>テキスト表示の方向を定義します。
<big> HTML 5ではサポートされていません。大きなテキストを定義します。
<BlockQuote>長い参照を定義します。
<body>ボディ要素を定義します。
<br>ラインブレークを挿入します。
<ボタン>ボタンを定義します。
<canvas>グラフを定義します。
<キャプション>テーブルタイトルを定義します。
<center> HTML 5はサポートされていません。中央のテキストを定義します。
<Cite>参照を定義します。
<code>コンピューターコードテキストを定義します。
<col>テーブル列のプロパティを定義します。
<colgroup>テーブル列のグループ化を定義します。
<コマンド>コマンドボタンを定義します。
<Datalist>ドロップダウンリストを定義します。
<dd>定義の説明を定義します。
<del>テキストの削除を定義します。
<詳細>要素の詳細を定義します。
<dfn>定義はプロジェクトを定義します。
<dir> HTML 5ではサポートされていません。ディレクトリリストを定義します。
<div>ドキュメントの一部を定義します。
<DL>定義定義リスト。
<dt>定義されたアイテムを定義します。
<em>定義はテキストを強調します。
<Embed>外部インタラクティブコンテンツまたはプラグインを定義します。
<FieldSet>フィールドセットを定義します。
<figcaption>フィギュア要素のタイトルを定義します。
<図>メディアコンテンツのグループ化とそのタイトルを定義します。
<Font> HTML 5ではサポートされていません。
<フッター>セクションまたはページのフッターを定義します。
<form>フォームを定義します。
<frame> HTML 5はサポートされていません。サブウィンドウ(フレーム)を定義します。
<Frameset>はHTML 5ではサポートされていません。フレームワークのセットを定義します。
<h1>から<h6>タイトル1をタイトル6に定義します。
<head>ドキュメントに関する情報を定義します。
<header>セクションまたはページのヘッダーを定義します。
<hgroup>ドキュメント内のセクションに関する情報を定義します。
<hr>水平線を定義します。
<HTML> HTMLドキュメントを定義します。
<i>斜体のテキストを定義します。
<iframe>行内のチャイルドウィンドウ(フレーム)を定義します。
<img>画像を定義します。
<inupt>入力フィールドを定義します。
<Ins>挿入テキストを定義します。
<keygen>生成されたキーを定義します。
<isIndex>はHTML 5ではサポートされていません。単一行の入力フィールドを定義します。
<kbd>キーボードテキストを定義します。
<label>フォームコントロールのラベルを定義します。
<Legend>フィールドセットのタイトルを定義します。
<li>リストのアイテムを定義します。
<link>リソース参照を定義します。
<マップ>画像マップを定義します。
<mark>マークされたテキストを定義します。
<メニュー>メニューリストを定義します。
<Meta>メタ情報を定義します。
<meter>事前定義範囲内のメトリックを定義します。
<NAV>ナビゲーションリンクを定義します。
<noframes>はHTML 5ではサポートされていません。Noframeパーツを定義します。
<noscript> noscript部分を定義します。
<オブジェクト>埋め込みオブジェクトを定義します。
<ol>順序付けられたリストを定義します。
<OptGroup>オプショングループを定義します。
<オプション>ドロップダウンリストのオプションを定義します。
<Output>いくつかのタイプの出力を定義します。
<p>段落を定義します。
<param>オブジェクトのパラメーターを定義します。
<pre>事前にフォーマットされたテキストを定義します。
<prosed>あらゆるタイプのタスクの進捗を定義します。
<q>短い参照を定義します。
<RP>ブラウザがブラウザをサポートしていない場合、Ruby要素によって表示されるコンテンツを定義します。
<rt> Rubyコメントの説明を定義します。
<ruby> Rubyのコメントを定義します。
<s> HTML 5ではサポートされていません。strikethroughでテキストを定義します。
<samp>サンプルコンピューターコードを定義します。
<Script>スクリプトを定義します。
<section>セクションを定義します。
<select>オプションのリストを定義します。
<small>サイドコメントを小さなテキストとしてレンダリングします。
<source>メディアソースを定義します。
<Span>ドキュメント内のセクションを定義します。
<Strike>はHTML 5ではサポートされていません。
<strong>定義はテキストを強調します。
<style>スタイル定義を定義します。
<sub> subscriptテキストを定義します。
<summary>詳細要素のタイトルを定義します。
<sup>上付き文字テキストを定義します。
<表>テーブルを定義します。
<tbody>テーブルの本体を定義します。
<td>テーブルセルを定義します。
<textarea> textareaを定義します。
<tfoot>テーブルの脚注を定義します。
<th>ヘッダーを定義します。
<head>ヘッダーを定義します。
<time>日付/時刻を定義します。
<Title>ドキュメントのタイトルを定義します。
<tr>テーブルの行を定義します。
<track>メディアプレーヤーで使用されるテキストトラックを定義します。
<tt> HTML 5ではサポートされていません。タイプライターテキストを定義します。
<u> HTML 5ではサポートされていません。下線付きのテキストを定義します。
<ul>順序付けられていないリストを定義します。
<var>変数を定義します。
<video>ビデオを定義します。
<xmp> HTML 5ではサポートされていません。