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

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

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

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

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

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

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

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

以下に示すように:

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

以下に示すように:

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

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

以下に示すように:

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

以下に示すように:

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

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

以下に示すように:

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

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

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

【関連おすすめ】

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

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

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