検索
ホームページウェブフロントエンドH5 チュートリアルHTML5 に関する不人気な知識を共有する

HTML は Web の統一言語です。山括弧で囲まれたこれらの大まかなタグが今日の Web を構成しています。 1991 年、ティム バーナーズ リーは「HTML タグ」と呼ばれる文書を書きました。この文書には、Web ページをマークするために使用される約 20 個の HTML タグ が含まれています。彼は、後で説明する HTML マークアップ スタイルである SGML のマークアップ スタイルを直接借用しました。

今日は、Huwu の編集者が、あなたが知らないかもしれない html5の寒い事実を整理します。

ブラウザのアドレスバーはJavaScriptコードを実行します
これは多くの人が知っているはずですが、ブラウザのアドレスバーで直接JavaScriptコードを実行できます。その方法は、javascript:で始まり、その後に実行されるステートメントが続きます。例:

HTML5 に関する不人気な知識を共有する

JavaScript コードを実行するには、ブラウザに手動で入力する必要があることに注意してください。コードをコピーすると、IE と Chrome は、先頭にある JavaScript: を自動的に削除します。コードなので、正しく実行するには手動で追加する必要があります。Firefox では自動的に削除されませんが、アドレス バーでの JS コードの実行はまったくサポートされていません。 !

ブラウザのアドレス バーで HTML コードを実行する
上記の小さな秘密を多くの人が知っていても、IE ベース以外のブラウザのアドレス バーで HTML を直接実行できるこのヒントを知っている人は少なくなります。

それはともかく、Huwu編集者も最近偶然知ったばかりです。

たとえば、アドレスバーに次のコードを入力し、Enterを押して実行すると、指定したページのコンテンツが表示されます。

HTML5 に関する不人気な知識を共有する

以下に示すように:

HTML5 に関する不人気な知識を共有する

ブラウザをエディタ
として使用するか、ブラウザのアドレスバーに次のコードを貼り付けて実行します。ブラウザは になります。 オリジナルのシンプルなエディタは、Windows に付属のメモ帳と同じです、ほほ。

HTML5 に関する不人気な知識を共有する

以下に示すように:

HTML5 に関する不人気な知識を共有する

最終的には、HTML5 で追加された新しい contenteditable 属性 のおかげで、要素にこの属性が割り当てられると、要素のコンテンツが編集可能になります。 状態

拡張により、以下のコードをコンソールに入れて実行すると、ページ全体が編集可能になります!

HTML5 に関する不人気な知識を共有する

以下に示すように:

HTML5 に関する不人気な知識を共有する

a タグを使用して URL を自動的に解析します
多くの場合、URL、クエリキーワード、変数からドメイン名を抽出する必要がありますパラメータ値など。しかし、クロールするための定期的なルールを記述することなく、ブラウザーがこのタスクを簡単に完了するのに役立つとは予想していませんでした。この方法では、まず JS コード内に a タグを作成し、次に解析する必要がある URL を a の href 属性に割り当てると、必要なものがすべて取得されます。

HTML5 に関する不人気な知識を共有する

以下に示すように:

HTML5 に関する不人気な知識を共有する

上記の方法を使用してブラウザパラメータを操作してください!

HTML5 に関する不人気な知識を共有する

ページ上の ID を持つ要素はグローバル変数を作成します
HTML ページでは、ID 属性が設定されたすべての要素は JavaScript 実行環境で対応するグローバル変数を作成します。これは、document.getElementById が人間の付録のようなものであることを意味します。冗長です。しかし、実際のプロジェクトでは、正直に書くのが最善です。通常のコードでは問題が発生する可能性がはるかに低くなります。

HTML5 に関する不人気な知識を共有する

以下に示すように:

HTML5 に関する不人気な知識を共有する

CDN ファイルをロードするときは、HTTP 識別子を省略できます
非常に人気のある CDN は、 セキュリティ のために専用サーバーからいくつかの一般的な JS および CSS ファイルをロードするようになりましたCDN サーバーには、接続に HTTPS を使用するものと、従来の HTTP を使用するものがあることを考慮してください。実際、これを使用する場合はこれを無視し、URL から省略できます。

HTML5 に関する不人気な知識を共有する

script タグを使用して情報を保存します
script タグを type='text' に設定し、その中にある情報を保存します。情報は JavaScript コードで簡単に取得できます。

HTML5 に関する不人気な知識を共有する

もちろん、これらよりもはるかに多くのトリビアがあります。

【関連おすすめ】

1. 無料のh5オンラインビデオチュートリアル

2. php.cnオリジナルのhtml5ビデオチュートリアル

以上がHTML5 に関する不人気な知識を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
H5:Web開発の新機能と機能H5:Web開発の新機能と機能Apr 29, 2025 am 12:07 AM

H5は多くの新しい機能と機能をもたらし、Webページのインタラクティブ性と開発効率を大幅に改善します。 1。SEOの強化などのセマンティックタグ。 2.マルチメディアサポートは、オーディオとビデオの再生とタグを簡素化します。 3. Canvas Drawingは、動的なグラフィックスの描画ツールを提供します。 4.ローカルストレージは、LocalStorageとSessionStorageを介してデータストレージを簡素化します。 5. Geolocation APIは、ロケーションベースのサービスの開発を促進します。

H5:HTML5の重要な改善H5:HTML5の重要な改善Apr 28, 2025 am 12:26 AM

HTML5は5つの重要な改善をもたらします。1。セマンティックタグにより、コードの明確性とSEO効果が向上します。 2.マルチメディアサポートは、ビデオとオーディオの埋め込みを簡素化します。 3。フォームエンハンスメントは、検証を簡素化します。 4.オフラインおよびローカルストレージにより、ユーザーエクスペリエンスが向上します。 5。キャンバスとグラフィック機能は、Webページの視覚化を強化します。

HTML5:標準とWeb開発への影響HTML5:標準とWeb開発への影響Apr 27, 2025 am 12:12 AM

HTML5のコア機能には、セマンティックタグ、マルチメディアサポート、オフラインストレージ、ローカルストレージ、フォームエンハンスメントが含まれます。 1。コードの読みやすさとSEO効果を改善するためのセマンティックタグなど。 2.ラベルでマルチメディアの埋め込みを簡素化します。 3。アプリケーションキャッシュやLocalStorageなどのオフラインストレージとローカルストレージは、ネットワークのない操作とデータストレージをサポートします。 4.フォームエンハンスメントでは、処理と検証を簡素化するための新しい入力タイプと検証プロパティを導入します。

H5コードの例:実用的なアプリケーションとチュートリアルH5コードの例:実用的なアプリケーションとチュートリアルApr 25, 2025 am 12:10 AM

H5は、さまざまな新機能と機能を提供し、フロントエンド開発の機能を大幅に向上させます。 1.マルチメディアサポート:メディアを埋め込んで要素を埋め込み、プラグインは必要ありません。 2。キャンバス:要素を使用して、2Dグラフィックとアニメーションを動的にレンダリングします。 3。ローカルストレージ:ユーザーエクスペリエンスを改善するために、ローカルストレージとセッションストレージを介して永続的なデータストレージを実装します。

H5とHTML5の接続:類似性と相違点H5とHTML5の接続:類似性と相違点Apr 24, 2025 am 12:01 AM

H5とHTML5は異なる概念です。HTML5は、新しい要素とAPIを含むHTMLのバージョンです。 H5は、HTML5に基づくモバイルアプリケーション開発フレームワークです。 HTML5はブラウザを介してコードを解析およびレンダリングしますが、H5アプリケーションはコンテナを実行し、JavaScriptを介してネイティブコードと対話する必要があります。

H5コードの構成要素:キー要素とその目的H5コードの構成要素:キー要素とその目的Apr 23, 2025 am 12:09 AM

HTML5の重要な要素には、最新のWebページの構築に使用される、、,,,,などが含まれます。 1.ヘッドコンテンツを定義します。2。リンクをナビゲートするために使用されます。3。独立した記事のコンテンツを表します。4。ページコンテンツを整理します。5。サイドバーコンテンツを表示します。

HTML5およびH5:一般的な使用法の理解HTML5およびH5:一般的な使用法の理解Apr 22, 2025 am 12:01 AM

HTML5とHTML5の略語であるHTML5とH5の間に違いはありません。 1.HTML5はHTMLの5番目のバージョンであり、Webページのマルチメディア関数とインタラクティブ機能を強化します。 2.H5は、HTML5ベースのモバイルWebページまたはアプリケーションを参照するためによく使用され、さまざまなモバイルデバイスに適しています。

HTML5:現代のウェブのビルディングブロック(H5)HTML5:現代のウェブのビルディングブロック(H5)Apr 21, 2025 am 12:05 AM

HTML5は、W3Cによって標準化されたHyperText Markup言語の最新バージョンです。 HTML5は、新しいセマンティックタグ、マルチメディアサポート、フォームの強化、Web構造の改善、ユーザーエクスペリエンス、SEO効果を導入します。 HTML5は、Webページ構造をより明確にし、SEO効果をより良くするために、、、、、、などの新しいセマンティックタグを導入します。 HTML5はマルチメディア要素をサポートしており、サードパーティのプラグインは不要で、ユーザーエクスペリエンスと読み込み速度が向上します。 HTML5はフォーム関数を強化し、ユーザーエクスペリエンスを向上させ、フォーム検証効率を向上させるなどの新しい入力タイプを導入します。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境