CDNの知識

"CDNに関係のある知識が必要な場合は、Yahooサーチ検索では下の関連キーワードで検索してもよいでしょう。

"
"CDNについてより理解を深めるための検索キーワードの組み合わせには、
cdnとは
cdn$
mfc-870cdn
Brother mfc-935cdn
p6026cdn
mf8350cdn
cdnとは?
p2p+cdn
mfc935cdn
880cdn

など。

"
"CDNの知識について。

インターネット上で公開されている共通のファイルを直接参照することも可能であり、これらがCDNのことです。

CDN（Contents Delivery Network）とは、Webコンテンツをインターネット上で共通のファイルや画像を最適化して配信するネットワークを意味があります。

"
"別の知識としては、メリットとしては、世界中のサーバーに分散できるため、最適化された同一情報のWebコンテンツを参照することができるである。特徴としては、一度参照しキャッシュとして保存されていれば、再度読み込む必要がないため、再読み込みの必要がないなどがあることにあります。

"
"要するにバージョンの違いなどにより動作しなくなるなどの影響をうけるので、提供側に依存することになる
として、CDNの要約する。

"
分類としては（Contents Delivery Network）およびWeb技術にカテゴライズされる。

async属性の非同期処理JavaScriptの知識

async属性の非同期処理JavaScriptに関係のある知識が必要な場合は、Yahooサーチ検索では下の関連キーワードで検索してもよいでしょう。

言葉の組み合わせ
"async属性の非同期処理JavaScriptについてより理解を深めるための検索キーワードの組み合わせには、
async 読み方
asyncとは
async コンフィグ
C# async
ajax async
aSync Sync
au async
jQuery async
async ドライバ
async手順
など。"

async属性の非同期処理JavaScriptの知識について。

scriptタグの属性には、読み込みファイルを指定するsrcがあり、HTML5ではtype属性はtext/javascript標準で値が指定されており、省略できる属性のことです。
同じくHTML5から採用されている属性にasync属性があり、Webページのレンダリング処理とは別に読み込み処理を完了してから実行を指示する属性があります。

別の知識としては、他にJavaScriptの実行方法の指定属性にはdeferがありますが、こちらはレンダリングの順番に関係なく、Webページレンダリング完了後に実行される属性です。window.onloadと同じような処理である。特徴としては、JQueryが多用されることで大量の負荷のかかるjsファイルが読み込まれることにあります。
要するにWebページの描画に関与する場合はヘッダ内に記述し、非同期の処理が必要な場合はasync、重要性の低いスクリプトに関してはdefer属性を指定するのがよいとして、asyncの要約する。
分類としては非同期処理およびJavaScriptにカテゴライズされる。

HTML5コーディングでまず注意したいこと

CSS3ではベンダープレフィックスもそれほど気にしなくてもよい程になってきており、
HTML5でのマークアップも今後はわりあい普及していくのではないでしょうか。

とはいえ、別のDTDがいつどのように採用されたり、拡張されたりするのかわかりませんし、
あまり難しい顔していちいち振り回されていくのも愚かしいとも考えられます。

なので、最低限必要なHTML5のマークアップ術をマスターし、SEO的に有効性が高い記述で、
文法的にさほど問題ないぐらいの柔軟な対応が望ましいでしょう。


HTML5はHTML4やXML1.0に比べ、よりセマンティックWeb(構造化データ)化しており、明示的に構造をいみする予約語的セレクタがいくつも存在します。
タグは基本的にはどんな名前でもつけられます。これまでCSS記述およびブラウザはそのタグをブロック要素、インライン要素、解釈しない要素の3種類にわけて認識していました。
HTML5ではさらに拡張されており、headerタグやfooterタグ、navタグやarticle、sectionタグなどの構造を明示的に意味するタグが実装されています。

これらの予約語的なタグは、マークアップ用に記述されるためのタグではなく、明確に構造ブロックを意味するためのタグとなっています。


だから基本的にはHTMLソース上のブロックを意味したり、段落構造をコンピュータが理解しやすくするメリットが大きくなる記述なわけです。
具体的には検索エンジンにとって友好的な記述方法になります。


さて、本題であるHTML5マークアップで、まずは気をつけることですが、header、nav、footer、article、sectionの5つです。

headerはh1記述などを含む、ページの見出しとなるようなブロックで、navはメインのサイトナビゲーション、footerはページの著作権表記やサイト管理者情報などのいわゆるフッター部分です。

これらの記述についても、実は厳密にこうあるべきだということはないので、一般的なサイト構造であれば、ブロックごとに見合ったタグで囲うぐらいの認識で大丈夫です。

次にarticleとsectionですがこちらはややわかりずく、HTMLのアウトラインを理解していないと使いずらいかもしれません。
もっとも、現時点でこれらのタグがあってもなくても特に問題はないし、不整合の記述であるために大きなデメリットがあるわけではないので、あまり神経質に考えると、時間ばかりかかって有効性の低い状態を招きますので、気楽に考えるのがよいかもしれません。

とはいえ、sectionタグはHTML5の構造化を理解する上でも、ページのアウトライン化を図るうえでもわりあい大切なので、ある程度きちんと理解しておいたほうがよいかもしれません。

articleは、これまでのマークアップで考えると.......