国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

目次
キーテイクアウト
HTML5とCSS3を使用する利點(diǎn)は何ですか?
モバイルWeb開(kāi)発にHTML5とCSS3を使用できますか?ビューポートのサイズとスケールを制御できるViewport Metaタグや、コンテンツレンダリングが畫(huà)面解像度などの條件に適応できるようにするなどの機(jī)能を提供します。また、モバイルインターフェイスに不可欠なタッチイベントもサポートしています。
ホームページ ウェブフロントエンド CSSチュートリアル 現(xiàn)実世界のHTML5&CSS3、第2版

現(xiàn)実世界のHTML5&CSS3、第2版

Feb 19, 2025 am 10:27 AM

現(xiàn)実世界のHTML5&CSS3、第2版

キーテイクアウト

  • HTML5およびCSS3は、古いブラウザとの逆方向の互換性を確保するように設(shè)計(jì)されています。つまり、マークアップの変更はレイアウトの問(wèn)題やエラーを引き起こしません。古いブラウザが新機(jī)能を完全にサポートしていなくても、ページを壊したり、目に見(jiàn)える問(wèn)題を引き起こしたりしません。
  • HTML5とCSS3は、多くのモバイルWebブラウザーによくサポートされており、急速に成長(zhǎng)するモバイル市場(chǎng)に最適です。 HTML5やCSS3で導(dǎo)入されたいくつかの新しいテクノロジーは、オフラインのWebアプリやWebストレージなど、モバイルデバイスを念頭に置いて特別に設(shè)計(jì)されています。
  • HTML5およびCSS3により、強(qiáng)力で將來(lái)の將來(lái)のWebページを作成できます。古いブラウザが使用されなくなると、開(kāi)発者は単にフォールバックやポリフィルを削除し、最新のブラウザを?qū)澫螭趣筏骏畅`ドベースを殘す必要があります。
以下は、Alexis Goldstein、Louis Lazaris、およびEstelle Weylが執(zhí)筆した本、Real World、第2版のhtml5&css3の抽出物です。コピーは世界中の店舗で販売されているか、ここで電子書(shū)籍形式で購(gòu)入できます。 現(xiàn)実世界のHTML5&CSS3、第2版HTML5はコンテンツのマークアップ方法に大幅な変更を示していますが、これらの変更が古いブラウザが窒息したり、レイアウトの問(wèn)題やページエラーを引き起こすこともないことに注意する価値があります。 これが意味することは、有効なHTML4またはXHTMLマークアップを含む古いプロジェクトを取得できるということです。DoctypeをHTML5(第2章で説明します)に変更すると、ページはブラウザと同じように表示されます。前に。 HTML5の変更と追加は、古いバージョンのインターネットエクスプローラーでさえ、古いブラウザーとの逆向きの互換性を確保するような方法で言語(yǔ)に実裝されています!もちろん、これは新機(jī)能が機(jī)能するという保証ではなく、単にページを壊さず、目に見(jiàn)える問(wèn)題を引き起こさないことを意味します。 より複雑な新機(jī)能(APIなど)に関しても、開(kāi)発者は、HTML5とCSS3が提供するエキサイティングな新しい可能性を採(cǎi)用しながら、サポートしないブラウザーに同等のエクスペリエンスを提供するさまざまなソリューションを考え出しました。 。これは、ネイティブビデオサポートなしでフラッシュビデオプレーヤーなどのブラウザにフラッシュビデオプレーヤーなどのフォールバックコンテンツを提供するのと同じくらい簡(jiǎn)単な場(chǎng)合があります。ただし、スクリプトを使用して新しい機(jī)能のサポートを模倣する必要がありました。

これらの「ギャップを埋める」手法は、ポリフィルと呼ばれます。ネイティブ機(jī)能をエミュレートするためのスクリプトに依存することは、高性能のWebアプリを構(gòu)築するときに常に最良のアプローチではありませんが、この本で議論するような新しい機(jī)能強(qiáng)化や機(jī)能を含めるために進(jìn)化するため、必要な成長(zhǎng)の痛みです。 。幸いなことに、執(zhí)筆時(shí)點(diǎn)では、HTML5とCSS3の多くの新機(jī)能をサポートできないInternet Explorer 6?9などの古いブラウザは、今日のWeb訪問(wèn)者の10%未満で使用されています。ますます多くの人々が常緑のブラウザと呼ばれているものを使用しています。つまり、自動(dòng)的に更新するブラウザです。これは、古いブラウザの共有が衰えているため、新機(jī)能はより多くの視聴者にとって、そして最終的にはすべての人にとって機(jī)能的であることを意味します。 この本では、ブラウザの互換性のギャップを接続するために、フォールバックオプションまたはポリフィルを勧めることがあります。また、これらのオプションを使用することに関連する潛在的な欠點(diǎn)や落とし穴を警告する際に最善を盡くします。 もちろん、フォールバックやポリフィルがまったく必要な場(chǎng)合があることは注目に値します。たとえば、CSS3を使用してデザインの箱に丸い角を作成する場(chǎng)合、代わりに正方形の箱を見(jiàn)る本當(dāng)に古いブラウザのユーザーに害はありません。サイトの機(jī)能には劣化がなく、それらのユーザーは、欠けているものについて賢明ではありません。

レッスンを進(jìn)めて新しい科目を紹介するとき、これらのいずれかをプロジェクトで使用する予定がある場(chǎng)合は、前述のようなブラウザーサポートリファレンスを參照することを強(qiáng)くお?jiǎng)幛幛筏蓼?。フォールバックまたはポリフィルを提供する方法とかどうかを知っています。必要に応じて、サポートしないブラウザが許容できる経験を確保できるようにする方法を時(shí)々議論しますが、良いニュースは、時(shí)間が経つにつれてますます少なくなっていることです。

成長(zhǎng)するモバイル市場(chǎng)

今日、HTML5とCSS3の學(xué)習(xí)と使用を開(kāi)始するもう1つの説得力のある理由は、爆発的なモバイル市場(chǎng)です。ある情報(bào)源によると、2009年には、すべてのWeb使用量の1%未満がモバイルデバイスとタブレットにありました。 2014年半ばまでに、その數(shù)は35%以上に上昇しました!それは5年以上の驚くべき成長(zhǎng)率です。それで、これはhtml5とcss3を?qū)W習(xí)している人にとって何を意味しますか?

HTML5、CSS3、および関連する最先端のテクノロジーは、多くのモバイルWebブラウザーで非常によくサポートされています。たとえば、iPhoneやiPad、Opera Mobile、Androidブラウザー、UCブラウザーなどのiOSデバイス上のモバイルSafariはすべて、強(qiáng)力なレベルのHTML5およびCSS3サポートを提供します。これらのブラウザの一部でサポートされる新機(jī)能とテクノロジーには、CSS3アニメーション、CSS Flexbox、Canvas API、Webストレージ、SVG、オフラインWebアプリなどがあります。

実際、この本で紹介する新しいテクノロジーのいくつかは、モバイルデバイスを念頭に置いて特別に設(shè)計(jì)されています。オフラインのWebアプリやWebストレージなどのテクノロジーは、モバイルデバイスを備えたWebページにアクセスする人の數(shù)が増えているため、一部は設(shè)計(jì)されています。このようなデバイスは、多くの場(chǎng)合、オンラインデータの使用に制限がある可能性があり、したがって、オフラインでWebアプリケーションにアクセスする機(jī)能から大きな恩恵を受けます。

第11章の科目や、本の過(guò)程で他の科目に觸れ、さまざまなデバイスやプラットフォーム用のWebページを作成するために必要なツールを提供します。

実際のものに

新しいテクノロジーに進(jìn)み、ブラウザのレベルのみのページとアプリを執(zhí)筆することを期待するのは非現(xiàn)実的です?,F(xiàn)実の世界、そしてHTML5とCSS3がさらに進(jìn)出することを望んでいる世界では、さまざまな景観を越えて機(jī)能するページを開(kāi)発する準(zhǔn)備を整える必要があります。そのランドスケープには、最新のブラウザ、殘りの古いバージョンのインターネットエクスプローラー、モバイルデバイスの爆発市場(chǎng)が含まれます。

はい、ある意味では、さまざまなユーザーエージェントに異なる一連の手順を提供することは、亂雑なブラウザのスニッフィングとコードフォーキングを備えたWebの初期の日に似ています。しかし、今回は、新しいコードがはるかに將來(lái)的には困難です。古いブラウザが一般的に使用されなくなったとき、あなたがする必要があるのは、フォールバックやポリフィルを削除し、最新のブラウザを?qū)澫螭趣筏骏畅`ドベースのみを殘すことだけです。

HTML5とCSS3は、はるかにエキサイティングなWebページオーサリングの世界を案內(nèi)してきた主要なテクノロジーです。すべての最新のブラウザは、多數(shù)のHTML5およびCSS3機(jī)能に優(yōu)れたレベルのサポートを提供しているため、強(qiáng)力で維持されないシンプルな將來(lái)のWebページを作成することはこれまで以上に簡(jiǎn)単です。

それで、「なぜ」については、「方法」を掘り始めましょう!

HTML5およびCSS3

に関するよくある質(zhì)問(wèn) ??

HTML5とCSS3はどちらもWeb開(kāi)発に不可欠なツールですが、さまざまな目的を果たしています。 HTML5は、Web上でコンテンツの構(gòu)造化と提示に使用されるマークアップ言語(yǔ)です。最新のWebサイトでの典型的な使用を反映する新しい要素と屬性を?qū)毪筏蓼?。一方、CSS3は、HTMLで記述されたドキュメントの外観とフォーマットを説明するために使用されるスタイルシート言語(yǔ)です。丸い角、影、グラデーション、トランジション、アニメーションなどなどの新しい機(jī)能を紹介します。 HTML5およびCSS3。 Codecademy、Udemy、Khan AcademyなどのWebサイトでは、インタラクティブなコースを提供しています。また、オンラインドキュメントやチュートリアルを參照することもできます。練習(xí)はこれらの言語(yǔ)の習(xí)得の鍵ですので、獨(dú)自の言語(yǔ)を作成したり、既存の言語(yǔ)を改善してください。

HTML5とCSS3を使用する利點(diǎn)は何ですか?

HTML5とCSS3にはいくつかの利點(diǎn)があります。よりクリーンで効率的なコーディング、パフォーマンスの向上、およびより良いアクセシビリティを可能にします。また、より高度な機(jī)能と、Webサイトの設(shè)計(jì)とカスタマイズに柔軟性を高めることもできます。さらに、それらはすべての最新のブラウザーによってサポートされています。

モバイルWeb開(kāi)発にHTML5とCSS3を使用できますか?ビューポートのサイズとスケールを制御できるViewport Metaタグや、コンテンツレンダリングが畫(huà)面解像度などの條件に適応できるようにするなどの機(jī)能を提供します。また、モバイルインターフェイスに不可欠なタッチイベントもサポートしています。

HTML5およびCSS3を操作する際の一般的な課題は何ですか?

いくつかのベストプラクティスには、より良いアクセシビリティとSEOのためにHTML5のセマンティック要素を使用することが含まれます。 、CSS3コードを乾燥させ(繰り返さないでください)、読みやすく維持できるようにコードを整理します。また、コードが有効でエラーがないことを常に確認(rèn)してください。

他のプログラミング言語(yǔ)でHTML5およびCSS3を使用できますか? JavaScript、PHP、Rubyのように。それらはコンテンツの構(gòu)造とスタイルに使用されますが、他の言語(yǔ)はWebサイトの機(jī)能と動(dòng)作を処理します。 CSS3のメディアクエリを使用して、ウェブサイトが応答します。これらを使用すると、デバイスの畫(huà)面サイズに応じてさまざまなスタイルを適用できます。また、柔軟なレイアウトと柔軟な畫(huà)像を使用して、コンテンツのスケーリングと正確なサイズを確保することもできます。マルチメディア、描畫(huà)用のキャンバス要素、およびデートピッカー、カラーピッカー、スライダーなどのコントロールを形成します。 CSS3は、トランジションやアニメーション、グラデーション、2D/3D変換などの機(jī)能を紹介します。

以上が現(xiàn)実世界のHTML5&CSS3、第2版の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。

このウェブサイトの聲明
この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見(jiàn)つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫(huà)像を無(wú)料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

寫真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無(wú)料のコードエディター

SublimeText3 中國(guó)語(yǔ)版

SublimeText3 中國(guó)語(yǔ)版

中國(guó)語(yǔ)版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強(qiáng)力な PHP 統(tǒng)合開(kāi)発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開(kāi)発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

一部のページにのみCSSを含めるにはどうすればよいですか? 一部のページにのみCSSを含めるにはどうすればよいですか? Jun 11, 2025 am 12:01 AM

特定のページにCSSを選択的に含める方法は3つあります。1。インラインCSS。頻繁にアクセスされない、または一意のスタイルが必要なページに適しています。 2。柔軟性が必要な狀況に適したJavaScript條件を使用して、外部CSSファイルをロードします。 3。サーバー側(cè)に封じ込められ、サーバー側(cè)の言語(yǔ)を使用したシナリオに適しています。このアプローチは、ウェブサイトのパフォーマンスと保守性を最適化できますが、モジュール性とパフォーマンスのバランスが必要です。

Flexbox vsグリッド:CSSレイアウトの重要な違いを理解する Flexbox vsグリッド:CSSレイアウトの重要な違いを理解する Jun 10, 2025 am 12:03 AM

flexBoxisidealforone-dimensionAllayouts、whilegridsuitStwo-dimension、complexLayouts.useflexboxforAliingemsinasinginasindgridgridgridgridgridgridgridgrololoveroversandcolumnsintigns。

HTMLポップオーバーを使用して自動(dòng)閉鎖通知を作成します HTMLポップオーバーを使用して自動(dòng)閉鎖通知を作成します Jun 10, 2025 am 09:45 AM

HTMLポップオーバー屬性は、要素をボタンまたはJavaScriptで開(kāi)閉できるトップレイヤー要素に変換します。ポップオーバーは多くの方法で卻下することができますが、それらを自動(dòng)するオプションはありません。 Preethiにはあなたができるテクニックがあります

「レンダリングブロッキングCSS」とは何ですか? 「レンダリングブロッキングCSS」とは何ですか? Jun 24, 2025 am 12:42 AM

ブラウザは、特にインポートされたスタイルシート、ヘッダーのインラインCSS、および最適化されていないメディアクエリスタイルを使用して、ブラウザがインラインおよび外部CSSをデフォルトで主要なリソースとして表示するため、ページレンダリングをブロックします。 1.重要なCSSを抽出し、HTMLに埋め込みます。 2。JavaScriptを介して非クリティカルなCSSの読み込みを遅らせる。 3.メディア屬性を使用して、印刷スタイルなどのロードを最適化します。 4.リクエストを減らすためにCSSを圧縮およびマージします。ツールを使用してキーCSSを抽出し、REL = "Preload"非同期負(fù)荷を組み合わせ、過(guò)度の分割と複雑なスクリプト制御を避けるためにメディア遅延荷重を合理的に使用することをお?jiǎng)幛幛筏蓼埂?/p>

Figmaでロットを使用する方法 Figmaでロットを使用する方法 Jun 14, 2025 am 10:17 AM

次のチュートリアルでは、FigmaでLottieアニメーションを作成する方法を紹介します。 2つのカラフルなデザインを使用して、Figmaでアニメーション化する方法を説明し、FigmaからL(zhǎng)ottie Animationsに移行する方法を示します。必要なのは無(wú)料の図だけです

境界の破壊:(s)CSSでタングラムパズルを構(gòu)築します 境界の破壊:(s)CSSでタングラムパズルを構(gòu)築します Jun 13, 2025 am 11:33 AM

少なくとも低レベルのロジックとパズルの動(dòng)作に関しては、SASSがJavaScriptを置き換えることができることが判明しました。マップ、ミックス、機(jī)能、そしてたくさんの數(shù)學(xué)だけで、私たちはタングラムのパズルを生き生きとさせることができました。

外部対內(nèi)部CSS:最良のアプローチは何ですか? 外部対內(nèi)部CSS:最良のアプローチは何ですか? Jun 20, 2025 am 12:45 AM

TheBestAppRoachforCSDependsonTheProject'sSpecificNeeds.forLargerProjects、externalCssissisbetterduetoMaintainasiladability; forsmallerProjectsOrsingLe-PageApplications、internalcsSmightBemoresuitable.it

私のCSSは小文字でなければなりませんか? 私のCSSは小文字でなければなりませんか? Jun 19, 2025 am 12:29 AM

いいえ、CSSDOESNOTHAVETOBEINLOWERCASE。

See all articles