ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5_html5チュートリアルスキルにおけるdownload属性の適用の詳細説明

HTML5_html5チュートリアルスキルにおけるdownload属性の適用の詳細説明

WBOY
WBOYオリジナル
2016-05-16 15:46:181720ブラウズ

従来の HTML では、特定のファイルのダウンロードは次のようになります:

XML/HTML コードコンテンツをクリップボードにコピー
  1. <a href="=/files/abc1234564545 .pdf">レポートa>

HTML 5 ブラウザでは、次のようにダウンロード属性をサポートできます:

XML/HTML コードコンテンツをクリップボードにコピー
  1. <a href="=/files/abc1234564545 .pdf" ダウンロード="abc">レポート a>

download 属性の利点は、ユーザーがファイルをダウンロードするときに、ユーザーのブラウザ
の「ファイルとして保存」表示ボックスに表示されるものが、ダウンローダー属性に表示される
であることです。よりフレンドリー

HTML5 では、download 属性により、ネイティブ サーバー ファイル名を使用する代わりに、ダウンロードされたファイルに適切な名前が付けられます。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <a href="http: //www.zjgsq.com/demo/1/some-realy-crazy-file-name-389247823879472398.txt" ダウンロード=「テスト」>クリックしてダウンロードa>

ユーザーがリンクをクリックすると、ダウンロード ダイアログ ボックスにダウンロード属性値が表示され、元の乱雑なファイル名が置き換えられます。この例では、ファイルは test.txt としてダウンロードされます。 download 属性を使用すると、強制ダウンロードも有効になります。

この属性は、ファイルのやり取りが行われる場合に非常に役立ちます。サーバー側のファイル名は非常に一意である必要がありますが (上記の例のファイル名は非常に一意ですよね?)、文字化けが発生します。文字はユーザーにとって何の意味もありません。ダウンロード属性は、ユーザーにとってより意味のあるファイル名を定義します。ダウンロード属性は単なる機能強化であり、非常にクールなものではありませんが、便利で追加するのも非常に簡単です。

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