検索

HTML URLエンコーディング

Sep 04, 2024 pm 04:41 PM
htmlhtml5HTML TutorialHTML PropertiesHTML tags

この記事では、HTML URL エンコーディングについて詳しく学びます。 HTML URL は、World Wide Web 上のグローバルまたは IP アドレスへの Uniform Resource Locator の頭字語です。 Web サーバーは、Web ブラウザの URL を使用してページを取得します。

例: https://www.google.com は URL の 1 つです。

ASCII 文字セットは HTML URL エンコーディングにとって重要です。 URL は ASCII 文字セットを使用してインターネットに送信されます。非 ASCII 文字は、サーバーへのページ パスを見つける際に競合が発生する可能性があるため、制限されています。この問題のため、HTML では URL エンコーディングが使用されます。

HTML URL エンコーディングは、非 ASCII 文字をインターネットに送信できる形式に変換します。ユーザーは「%」を使用して 2 つの 16 進数を継続して変換できます。

HTML で URL エンコーディングを実行するには?

HTML URLエンコーディング

フォームにスペースを入れると、URL エンコーディングは HTML+CSS になります。

<a href="my%20file.html"></a>

URL にスペースを指定すると、URL エンコードは my%20file.html として行われます。

  1. 予約文字: URL アドレスには何らかの意味を持つ文字がいくつかあり、命名目的に使用できます。別の URL 部分にプラス (/) 記号を使用するなど、両方の方法を使用できます。また、アドレス名に意味を持たせることなく、%2f で / エンコードすることもできます。
  2. 安全でない文字: URL 名のスペースなど、多くの文字が URL アドレスを誤解します。 URL アドレス名 にスペースを入れる代わりに、 と記述します。するとURL名は「pa ge.html」のようです。
  3. 非 ASCII 制御文字: これらの文字には 80-Ff の 16 進値のセットが含まれており、形式を変換する必要があります。
  4. ASCII 制御文字: URL 内では機能しません。

HTML URL エンコーディングの例

次に、HTML URL エンコーディングの例を詳しく説明します。

1.予約文字のエンコーディング

以下は、予約文字のエンコードに使用されるテーブルです。

Characters $ & + , / : ; = ? @
URL Encode 24% 26% %2b %2c %2f %3a %3b %3d %3f 40%
キャラクター

$ & + , / : ; = ? @ URL エンコード

24% 26% %2b %2c %2f %3a %3b %3d %3f 40% テーブル> 2.安全でない文字
Characters space > # % { } | ^ ~ [ ]
URL Encode 20% 22% %3c %3e 23% 25% %7b %7d %7c %5c %5e %7e %5b %5d
以下は、安全でない文字をエンコードするために使用されるテーブルです。 キャラクター スペース 「」 > # % { } | ^ ~ [ ] URL エンコード 20% 22% %3c %3e 23% 25% %7b %7d %7c %5c %5e %7e %5b %5d テーブル>

3. 非 ASCII 制御文字

以下は、非 ASCII 文字のエンコードに使用されるテーブルです。

Character URL Encode Character URL Encode Character URL Encode Character URL Encode
%80 ˜ %98 « %ab ¿ %bf
%82 %99 ¬ %ac À %c0
ƒ %83 š %9a ­ ª %aa Á %c1
%84 %9b ® %ae  %c2
%85 œ %9c ¯ %af à %c3
%86  %9d ° %b0 Ä %c4
%87 ž %9e ± %b1 Å %c5
ˆ %88 Ÿ %9f ² %b2 Æ %v6
%89  × %d7 ³ %b3 Ç %c7
Š %8a ¡ %a1 ´ %b4 È %c8
%8b ¢ %a2 µ %b5 É %c9
Œ %8c £ %a3 %b6 Ê %ca
Ž %8e ¤ %a4 · %b7 Ë %cb
%91 ¥ %a5 ¸ %b8 Ì %cc
%92 ¦ %a6 ¹ %b9 Í %cd
%93 § %a7 º %ba Î %ce
%94 ¨ %a8 » %bb Ï %cf
%95 © %a9 ¼ %bc Ð %d0
%96 %97 ½ %bd Ñ %d1
ã %e3 Þ %de ¾ %be Ò %d2
æ %e6 ß %df Ø %d8 Ó %d3
ä %e4 à %e0 Ý %dd Ô %d4

4. ASCII 制御文字

以下は、ASCII 文字のエンコードに使用されるテーブルです。

ASCII Character URL-Encoding
NUL – null character %00
SOH – the start of the header %01
STX – the start of the text %02
ETX – end of the text %03
EOT – end of the transmission %04
ENQ – enquiry %05
ACK – acknowledge %06
BEL – bell (ring) %07
BS – backspace %08
HT- horizontal tab %09
LF- line feed %0A
VT- vertical tab %0B
FF- form feed %0C
CR- carriage return %0D
SO- shift out %0E
SI- shift in %0F
DLE- data link escape %10
DC1- device control 1 %11
DC2- device control 2 %12
DC3- device control 3 %13
DC4- device control 4 %14
NAK- negative acknowledge %15
SYN- synchronize %16
ETB- end transmission block %17
CAN- cancel %18
EM – end of medium %19
SUB- substitute %1A
ESC- escape %1B
FS -file separator %1C
GS- group separator %1D
RS- record separator %1E
US- unit separator %1F

HTML における URL エンコーディングの重要性

URL が予約されており、安全ではなく、ASCII 文字ではない場合、URL アドレスはさらに複雑になり、理解できなくなります。 Web ブラウザが URL アドレスを検索すると、Web サーバーは URL の名前またはパスを検索します。 URL 名が ASCII でない場合、HTML での URL エンコーディングの URL の重要性を見つけるのは困難です。

URL アドレスは、見つけやすく、広く受け入れられ、すべての Web ブラウザーとサーバーで理解できるものでなければなりません。一部の文字は、何の目的にも使用されない場合、何らかの目的で使用されるため、URL を誤解します。そのとき競合が発生した可能性があり、パスがユーザーに届きません。

すべての困難を克服し、% を使用して 2 つの 16 進数を計算して ASCII コードに変換された非 ASCII 文字を簡単に使用できるようにするためです。

結論

HTML の URL エンコーディングは、非 ASCII 文字セットを有効な ASCII 形式セットに変換する方法を認識しています。これは広く受け入れられており、Web ブラウザはエラーなく動作します。 URL のエンコードは迅速かつ安全に実行できます。名前と名前の目的の矛盾を避けるために、URL エンコードが必要です。

以上がHTML URLエンコーディングの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTMLタグと属性に一貫したコーディングスタイルを使用することの重要性を説明します。HTMLタグと属性に一貫したコーディングスタイルを使用することの重要性を説明します。May 01, 2025 am 12:01 AM

コードの読みやすさ、保守性、効率を向上させるため、一貫したHTMLエンコーディングスタイルは重要です。 1)低ケースタグと属性を使用します。2)一貫したインデントを保持し、3)シングルまたはダブルの引用符を選択して固執する、4)プロジェクトのさまざまなスタイルの混合を避け、5)きれいなスタイルやEslintなどの自動化ツールを使用して、スタイルの一貫性を確保します。

ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は?ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は?Apr 30, 2025 pm 03:24 PM

Bootstrap4にマルチプロジェクトカルーセルを実装するソリューションBootstrap4にマルチプロジェクトカルーセルを実装するのは簡単な作業ではありません。ブートストラップですが...

DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか?DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか?Apr 30, 2025 pm 03:21 PM

マウススクロールイベントの浸透の効果を実現する方法は? Webを閲覧すると、いくつかの特別なインタラクションデザインに遭遇することがよくあります。たとえば、DeepSeekの公式ウェブサイトでは、...

HTMLビデオの再生コントロールスタイルを変更する方法HTMLビデオの再生コントロールスタイルを変更する方法Apr 30, 2025 pm 03:18 PM

HTMLビデオのデフォルトの再生コントロールスタイルは、CSSを介して直接変更することはできません。 1. JavaScriptを使用してカスタムコントロールを作成します。 2。CSSを介してこれらのコントロールを美化します。 3. video.jsやPLYRなどのライブラリを使用すると、互換性、ユーザーエクスペリエンス、パフォーマンスを検討してください。プロセスを簡素化できます。

お使いの携帯電話でネイティブセレクトを使用することにより、どのような問題が発生しますか?お使いの携帯電話でネイティブセレクトを使用することにより、どのような問題が発生しますか?Apr 30, 2025 pm 03:15 PM

携帯電話でネイティブセレクトを使用する際の潜在的な問題は、モバイルアプリケーションを開発するときに、ボックスを選択する必要があることがよくあります。通常、開発者...

お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか?お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか?Apr 30, 2025 pm 03:12 PM

お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか?モバイルデバイスでアプリケーションを開発する場合、適切なUIコンポーネントを選択することが非常に重要です。多くの開発者...

Three.jsとOctreeを使用して部屋で3人のローミングの衝突処理を最適化する方法は?Three.jsとOctreeを使用して部屋で3人のローミングの衝突処理を最適化する方法は?Apr 30, 2025 pm 03:09 PM

Three.JSとOctreeを使用して、部屋でのサードパーソンローミングの衝突処理を最適化します。 3つのjsでoctreeを使用して、部屋でサードパーソンローミングを実装し、衝突を追加してください...

お使いの携帯電話でネイティブセレクトを使用する場合、どのような問題が発生しますか?お使いの携帯電話でネイティブセレクトを使用する場合、どのような問題が発生しますか?Apr 30, 2025 pm 03:06 PM

モバイルデバイスでアプリケーションを開発する際に携帯電話でネイティブセレクトの問題は、ユーザーが選択を行う必要があるシナリオに遭遇することがよくあります。ネイティブセル...

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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

SecLists

SecLists

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

SublimeText3 Mac版

SublimeText3 Mac版

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