Hướng dẫn how do i link to a local file in html? - làm cách nào để liên kết đến tệp cục bộ trong html?

Bạn cần sử dụng giao thức file:/// (vâng, đó là ba dấu gạch chéo) nếu bạn muốn liên kết đến các tệp cục bộ.

<a href="file:///C:\Programs\sort.mw">Link 1</a>
<a href="file:///C:\Videos\lecture.mp4">Link 2</a>

Chúng sẽ không bao giờ mở tệp trong các ứng dụng cục bộ của bạn một cách tự động. Đó là vì lý do bảo mật mà tôi sẽ đề cập trong phần cuối cùng. Nếu nó mở, nó sẽ chỉ mở trong trình duyệt. Nếu trình duyệt của bạn có thể hiển thị tệp, nếu không, nó có thể sẽ hỏi bạn nếu bạn muốn tải xuống tệp. That's for security reasons which I'll cover in the last section. If it opens, it will only ever open in the browser. If your browser can display the file, it will, otherwise it will probably ask you if you want to download the file.

Bạn không thể vượt qua http (s) đến giao thức tệp

Các phiên bản hiện đại của nhiều trình duyệt (ví dụ: Firefox và Chrome) sẽ từ chối vượt qua giao thức HTTP (s) đến giao thức tệp để ngăn chặn hành vi độc hại.

Điều này có nghĩa là một trang web được lưu trữ trên một trang web ở đâu đó sẽ không bao giờ có thể liên kết đến các tệp trên ổ cứng của bạn. Bạn sẽ cần mở trang web của mình cục bộ bằng giao thức tệp nếu bạn muốn thực hiện công việc này.

Tại sao nó bị mắc kẹt mà không có file:///?

Phần đầu tiên của URL là giao thức. Một giao thức là một vài chữ cái, sau đó là một dấu hai chấm và hai dấu gạch chéo. HTTP://FTP:// là các giao thức hợp lệ; C:/ không và tôi khá chắc chắn rằng nó thậm chí không giống một.

C:/ cũng không phải là một địa chỉ web hợp lệ. Trình duyệt có thể cho rằng nó có nghĩa là http://c/ với một cổng trống được chỉ định, nhưng điều đó sẽ thất bại.

Trình duyệt của bạn có thể không cho rằng nó đề cập đến một tệp cục bộ. Có rất ít lý do để đưa ra giả định đó bởi vì các trang web thường không cố gắng liên kết với các tệp cục bộ của người dân.

Vì vậy, nếu bạn muốn truy cập các tệp cục bộ: bảo nó sử dụng giao thức tệp.

Tại sao ba chém?

Bởi vì đó là một phần của sơ đồ URI tập tin. Bạn có tùy chọn chỉ định một máy chủ sau hai dấu gạch chéo đầu tiên. Nếu bạn bỏ qua chỉ định một máy chủ, nó sẽ chỉ cho rằng bạn đang đề cập đến một tệp trên PC của riêng bạn. Điều này có nghĩa là file:///C:/etc là một lối tắt cho file://localhost/C:/etc.

Các tệp này vẫn sẽ mở trong trình duyệt của bạn và điều đó là tốt

Trình duyệt của bạn sẽ trả lời các tệp này giống như cách họ phản hồi với cùng một tệp ở bất cứ đâu trên Internet. Các tệp này sẽ không mở trong trình xử lý tệp mặc định của bạn (ví dụ: MS Word hoặc VLC Media Player) và bạn sẽ không thể làm bất cứ điều gì như Ask File Explorer để mở vị trí của tệp.will not open in your default file handler (e.g. MS Word or VLC Media Player), and you will not be able to do anything like ask File Explorer to open the file's location.

Đây là một điều cực kỳ tốt cho bảo mật của bạn.

Các trang web trong trình duyệt của bạn không thể tương tác với hệ điều hành của bạn rất tốt. Nếu một trang web tốt có thể bảo máy của bạn mở bài giảng.mp4 trong VLC.Exe, một trang web độc hại có thể bảo nó mở virus.bat trong cmd.exe. Hoặc nó chỉ có thể nói với máy của bạn để chạy một vài tệp gỡ cài đặt hoặc mở tệp Explorer một triệu lần.

Điều này có thể không thuận tiện cho bạn, nhưng bảo mật HTML và trình duyệt không thực sự được thiết kế cho những gì bạn đang làm. Nếu bạn muốn có thể mở bài giảng.mp4 trong VLC.Exe, hãy xem xét việc viết ứng dụng máy tính để bàn.


Liên kết được tìm thấy trong gần như tất cả các trang web. Liên kết cho phép người dùng nhấp vào cách của họ từ trang này sang trang khác.


Liên kết HTML - Siêu liên kết

Liên kết HTML là các siêu liên kết.

Bạn có thể nhấp vào một liên kết và chuyển sang một tài liệu khác.

Khi bạn di chuyển chuột qua một liên kết, mũi tên chuột sẽ biến thành một tay nhỏ.

Lưu ý: Một liên kết không phải là văn bản. Một liên kết có thể là một hình ảnh hoặc bất kỳ phần tử HTML nào khác! A link does not have to be text. A link can be an image or any other HTML element!


Liên kết HTML - Cú pháp

Thẻ HTML file:///0 xác định một siêu liên kết. Nó có cú pháp sau:

văn bản liên kết

Thuộc tính quan trọng nhất của phần tử file:///0 là thuộc tính file:///2, biểu thị đích của liên kết.

Văn bản liên kết là phần sẽ hiển thị cho người đọc.

Nhấp vào văn bản liên kết, sẽ gửi người đọc đến địa chỉ URL được chỉ định.

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

  • Một liên kết không được đánh giá cao và màu xanh lam
  • Một liên kết được truy cập được gạch chân và màu tím
  • Một liên kết hoạt động được gạch chân và màu đỏ

Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác! Links can of course be styled with CSS, to get another look!


Liên kết HTML - Thuộc tính đích

Theo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại. Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết.

Thuộc tính file:///3 chỉ định nơi mở tài liệu được liên kết.

Thuộc tính file:///3 có thể có một trong các giá trị sau:

  • file:///5 - Mặc định. Mở tài liệu trong cùng một cửa sổ/tab khi được nhấp vào
  • file:///6 - Mở tài liệu trong một cửa sổ hoặc tab mới
  • file:///7 - Mở tài liệu trong khung cha mẹ
  • file:///8 - Mở tài liệu trong toàn bộ phần thân cửa sổ

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »


Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Một liên kết không được đánh giá cao và màu xanh lamabsolute URL (a full web address) in the file:///9 attribute.

Một liên kết được truy cập được gạch chân và màu tímrelative URL (without the "https://www" part):

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

W3C


Google

Truy cập w3schools.com!

HTML Images


CSS Tutorial

Hãy tự mình thử »



Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Một liên kết không được đánh giá cao và màu xanh lam

Thí dụ

Nhãn

Hướng dẫn how do i link to a local file in html? - làm cách nào để liên kết đến tệp cục bộ trong html?

Hãy tự mình thử »


Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Một liên kết không được đánh giá cao và màu xanh lam


Một liên kết được truy cập được gạch chân và màu tím

Một liên kết hoạt động được gạch chân và màu đỏ

Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác!

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Hãy tự mình thử »


Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Một liên kết không được đánh giá cao và màu xanh lam

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Hãy tự mình thử »


Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:


Một liên kết không được đánh giá cao và màu xanh lam

  • Một liên kết được truy cập được gạch chân và màu tím
  • Một liên kết hoạt động được gạch chân và màu đỏ
  • Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác!
  • Liên kết HTML - Thuộc tính đích
  • Theo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại. Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết.

Thẻ liên kết HTML

NhãnSự mô tả
NhãnXác định một siêu liên kết

Để biết danh sách đầy đủ tất cả các thẻ HTML có sẵn, hãy truy cập tham chiếu thẻ HTML của chúng tôi.