1. ホーム
  2. Web制作
  3. html5

HTML5レイアウトとHTML5タグの説明

2022-01-26 06:15:29

I. 新しい文書型宣言(DTD)

文書型宣言
HTML 5のDTD宣言は、:

    <!doctype html>
    HTMLの構文は大文字と小文字を区別しないので、<!DOCTYPE html >なども正しいです。

HTML5文書を記述する場合、ブラウザがHTML5の標準モードでレンダリングできるように、ドキュメントタイプを指定することが必要です。

II. 新しいHTML5タグ

a, HTML5新タグ-構造体タグ

構造体タグです。(ブロック要素) 意味のあるdiv
 <article> タグは、記事を定義します。
 ページや領域のヘッダーを定義するタグです。
  ナビゲーションリンクを定義する <nav> タグ
 <section> タグは、セクションを定義します。
 <aside> タグは、ページのコンテンツセクションのサイドバーを定義します。
 <hgroup> タグは、文書内のブロックに関する情報を定義します。
 <figure> タグは、メディアコンテンツのグループとそのタイトルを定義します。 
 <figurecaption> タグは、figure 要素のタイトルを定義します。
 ページや領域の下部を定義するタグです。
 <dialog> タグは、WeChatのようなダイアログボックス(セッションボックス)を定義します。

新しい構造体タグは、ページレイアウトに変更をもたらし、検索エンジンの利便性を向上させます。

b, HTML5の新タグ-マルチメディアタグ

マルチメディアインタラクションタグ

 <video> タグは、動画を定義します。
 <audio> タグは、音声コンテンツを定義します。
  <source> タグは、メディアリソースを定義します。

 <canvas> タグは画像を定義します。

 <embed> タグは、外部のインタラクティブなコンテンツやフラッシュなどのプラグインを定義します。

<スパン HTML5のマルチメディアタグの登場は、リッチメディアの発展を意味し、プラグインを使わずにメディアファイルを操作することをサポートし、ユーザーエクスペリエンスを大きく向上させました。

c、HTML5の新タグ「Web Application Tag」。

ウェブアプリケーションタグ

<menu> コマンドリスト
<menuitem>menu コマンドリストタグFF(組込システム)
<menu> メニュータグはコマンドボタンを定義します。

ステータスタグ(リアルタイムステータス表示:気圧、温度) C、O
進捗状況タグ(タスク処理:インストール、ロード) C、F、O

<datalist> 入力タグのドロップダウンリストを定義し、オプションとしてF, Oを指定します。
<details> タグは、要素の詳細を定義し、dt, dd c

d、HTML5 の新しいタグ - その他のタグ

アノテーションタグ
タグの定義 注釈または発音記号
<rp> Ruby要素に対応していないブラウザに表示方法を伝える。
 <rt> タグは、コメントの内容テキストをrubyに定義します。

その他のタグ
<keygen> タグは、生成された鍵の値を(暗号化されたメッセージング)O, Fの形式で定義します。
マーカーはマークされたテキストを定義する(黄色い選択状態)
<output> タグは、いくつかの出力タイプを定義し、oninput イベントでフォームの結果を計算します。

<time> タグは、現在すべての主要なブラウザでサポートされていない日付/時刻を定義します。

III. 削除されたHTMLタグ

純粋に表現力を高めるための要素。
basefont、big、center、font、s、strike、tt、u。

ユーザビリティにマイナスの影響を与える要素。
frame、frameset、noframes。

混乱を招く要素。
acronym , applet, isindex, dir.

IV. 再定義されたHTMLタグ

HTML要素 HTML5における意味
<b> はインラインテキストを表し、通常は太字で、重要性を示すために渡されるわけではありません。
<i> はインラインテキストを表し、通常はイタリック体で、重要性を示すために渡されない。
<dd> は、詳細や図と共に使用し、インラインテキストを定義することができます。
<dt> 詳細と図と共に使用し、詳細を要約することができます、ダイアログも利用可能です
表示方法は同じですが、横線ではなく、トピックの終わりを表します。
<menu> ユーザーインターフェースのメニューを再定義し、commond または menuitem と共に使用します。
<small> は、コメントや法律用語などを印刷する際に、小さなフォントで表示することを示します。
<strong> は、強調ではなく、重要性を示す。

V. 全く新しいページレイアウト

従来のHTMLです。

新しいHTML5です。

Divタグと新構造体タグの違いと意味

HTML5レイアウトとHTML5タグについての説明は以上となります。HTML5レイアウトやHTML5タグの詳細については、スクリプトハウスの過去記事を検索していただくか、引き続き以下の関連記事をご覧ください。