標準Web 3週目:マルチメディアとDoc Structure
Multimedia
iframe
WebページのWebページを表示するとき、
主に広告に用いられる
ラベルを使用!
<iframe src=「htmlファイルまたは外部リンク」></iframe>
ロールの分散
管理できないデータの管理
要求外部リンク=>デバッガページ
div & span
Webサイトの構築に必要な
最も一般的なラベル
divにバインドするとブロックとみなされます
Web-browser & Multimedia
過去のHTML
<embed>または<object>タグの使用
FlashまたはActiveXのインストールが必要
最近のHTML
Audioラベル
<audio src=「オーディオソースファイルパス」autoplayコントロール(コントローラを画面に表示)>
オーディオタグ要素
Autoplay:自動再生
コントロール:コントローラを表示する
loop:無限ループ
ミュート:ミュート
preload :
src :
標準フォーマット:mp 3、ogg、wav
*Webブラウザによってサポートが異なります
义齿
ビデオラベル
<ビデオsrc=「ビデオソースファイルパス」autoplay controls>
ビデオタグ要素
オーディオラベル要素と同じ+height、width、poster
標準フォーマット:mp 4、WebM、ogg
*Webブラウザによってサポートが異なります
Structure of HTML5 Document
なぜ構造化されたドキュメントが必要なのか
検索エンジンが好むWebを作成するために、
Web上の情報を抽出する場合、
価値最大化<-検索しやすい<-検索エンジンが正確で良好な情報を抽出できることを確保
Semantic tag
ドキュメントの意味と構造を伝えるタグ
ex)ヘッダ、section、article、man、summary、mark、timeなど
*Google検索エンジンもSemanticタグを使用
header :
nav:ハイパーリンクを含む部分
Section:段落、章、1ページに複数の部分が存在する場合があります
article :
aside:サマリー、メモ
フッター:主な著作権情報
ファイルの様子は構造に関係ありません。
CS 3の使用
HTMLの過去と現在
*意味タグを有効に使用
推奨
タイトルとインポートセクション
Section:コンテンツ(body部分)
article:コンテンツ(ボディ)の各セクション
nav:リンクとメニュー
h 1~h 6:各要素のタイトル
バックミュージックのaudioタグはタイトルにあります
css 3で外観を飾る
それ以外は
figue:1つの画像として処理(キャプチャできません)
details/summary:detailを使用する場合に使用可能なハンドル(▶):折りたたみ、展開機能
mark:strong、クロムに黄色の背景が表示されます
時間ジカン:時間ジカン
米:%
進捗:進捗
中央(チュンアン)大学芸術工学部の徐尚賢(ソ・サンヒョン)教授の標準的なインターネット技術の授業だ。
Reference
この問題について(標準Web 3週目:マルチメディアとDoc Structure), 我々は、より多くの情報をここで見つけました
https://velog.io/@yunyeah/표준웹-3주차
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Reference
この問題について(標準Web 3週目:マルチメディアとDoc Structure), 我々は、より多くの情報をここで見つけました https://velog.io/@yunyeah/표준웹-3주차テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol