[初めてのｗｅｂサイト作成レッスン７]
ＨＴＭＬについて概要 YouTube動画埋め込み

🌹レッスン７🌹

ＨＴＭＬについて概要 YouTube動画埋め込み

　🌻パソコンのブラウザはGoogle Chromeを使用しています。

追記：2021年1月28日「HTML５」は廃止となりました。
ＨＴＭＬ概要については、現時点(20210728)で変更はありません。

詳細はトップページ下部の「お知らせ」をご覧ください。

1.　ＨＴＭＬ５以降についてザックリ説明します。

そもそもＨＴＭＬって何でしょう？

（ハイパーテキストマークアップランゲージ）の略です。

これは普通のテキストではなく、文書から文書へ移動する特殊なテキストということから「Ｈｙｐｅｒ Ｔｅｘｔ」と呼ばれるようになったのです。

１９８９年ＷＷＷ（Ｗｏｒｄ Ｗｉｄｅ Ｗｅｂ）Ｗｅｂサイト全体を構成する概念のことです。

どんなコンピューターでも扱え、誰でも簡単に使うことができるという理念を満たす言語としてＨＴＭＬは、採用されることになったのです。

ＨＴＭＬ５とはスマホのサイトやアプリーケーション開発に不可欠な次世代のＨＴＭＬ技術のことです。

従来の文書作成中心の規格から、サウンド（audio要素）、動画の再生（video要素）、
図形描画（canvas要素）、オフライン操作等要素の追加や変更が行われるようになりました。

ユーザー側がブラウザに「Ｆｌａｓｈ」や「Ｊａｖａ」などのプログラムを解釈するプラグインなしで、動画や音声などの外部メディアを表示する事ができます。

だから私にもできるはずだと思いました。

ＨＴＭＬ＆スタイルシートトレーニングブック（ＨＴＭＬ５+ＣＳＳ３対応版）を引用

追記：2021年1月28日「HTML５」は廃止となりました。

新しいＨＴＭＬは、HTML６とバージョンアップした訳ではなく管理がＷ３Ｃから「WHATWG」へ変更

新しいＨＴＭＬの標準仕様は、「HTML５」から「HTML Living Standard」となりました。

大きな違いはないのですが、変更・追加・廃止されたものなどがあるため、今後は、随時チェックしていく必要がありそうです。

先日ブログでもお伝えしましたが、GoogleのブラウザChromeは、今後数年にわたってFlashを段階的に廃止します。「Flash Player」のサポートは２０２０年１２月で終了します。

世の中様々なことが徐々に変わってきています。

取り残されないように、がんばってついていかなければといつも自分に言い聞かせてるのです。

例えば、ＹｏｕＴｕｂｅ動画を自分のブログに埋め込む。
こんな感じのやつです！

通信も４Ｇ➡５Ｇ変わると益々便利になってきますね✨

スマートフォンでも、動画の読み込みや再生も早くきれいに映るようになるでしょう！

このまま再生してもいいですし、右下にカーソルをもっていくと、拡大表示や
ＹｏｕＴｕｂｅで見ることも出来ます。

埋め込む方法は、さほど難しくありません。

自分が公開した動画のリンクの共有から埋め込むを選択します。

するとｈｔｍｌコードが表示されますので、それをコピーして、
自分のサイトの好きなところへ貼り付けます。

ＨＴＭＬ５以降対応のブラウザは以下の通りです！

ちなみにMicrosoft Edgeの最新は2020‎年‎7‎月‎にup dateされたものです。
Internet Exploreの最新は、Ver.11ですがWindows 7の場合は既に終了、
Windows 8.1の場合は2023年1月10日、Windows 10の場合は2025年10月14日。
これを過ぎるとサポート期限が終了します。

2.　ＨＴＭＬ５以降で廃止された要素（使わない方がいいと思います！）

♦ＣＳＳで代用できる廃止された要素

♦フレーム関連の廃止された要素

♦その他廃止された要素

★まとめ

つまり、現在以降、使用頻度が少ないものが廃止されつつ、プラグイン等の制約無しでできることの可能性が増えたという認識です。

私も今日初めて知りましたが、近年では「ＡＭＰ ＨＴＭＬ」でコーディングされたページ（常に高速で読み込まれるコンテンツページをつくための、モバイルウェブの利便性向上を目指しているオープンソース）というものがあります。

平均的なＡＭＰページは、Ｇｏｏｇｌｅ検索から１秒足らずで読み込まれるそうです。

それでも基本となるのは、ＨＴＭＬです。

基本的に装飾は、特別なものを除いてＣＳＳでやった方が良いみたいですね(#^.^#)

次回は「レッスン８　ボックスの構造｛マージン・パディング｝・ＣＳＳとは」を予定しています。

See you again Take care
(^.^/)))~~~bye!!