Mở tệp trong cửa sổ html mới. Phải làm gì nếu mỗi thư mục mở trong một cửa sổ mới

Sau khi nhấp vào nút mong muốn, bạn sẽ thấy menu ngữ cảnh trên màn hình. Trong menu này bạn cần di chuột qua lệnh “Mở trong mới” chuyển hướng" và phím chịu trách nhiệm nhấp chuột trái (hoặc nhấn đúp vào cảm biến). Liên kết sẽ mở trong một liên kết mới chuyển hướng .

Mở một liên kết trong một liên kết mới chuyển hướng sử dụng chuột. Có tính đến các hành động của bước trước, có thể dễ dàng tưởng tượng những gì cần phải làm để mở liên kết trong một liên kết mới chuyển hướng. Bạn cũng cần di con trỏ qua liên kết, sau đó nhấp chuột phải vào liên kết đó. Trong menu mở ra, chọn “Mở trong mới” chuyển hướng» và nhấp vào nó bằng nút chuột trái. Trang web sẽ mở trong một giao diện mới chuyển hướng, đồng thời, bạn sẽ vẫn ở trang cũ.

Ngoài ra, ngày nay còn có một cách dễ dàng hơn để mở liên kết trong tab mới. Để thực hiện việc này, bạn không cần sử dụng menu ngữ cảnh của liên kết. Đặt con trỏ lên liên kết cần thiết và nhấp vào con lăn chuột. Giống như các trường hợp trước, liên kết sẽ được mở ở một địa chỉ mới chuyển hướng.

Gần đây, trên Internet xuất hiện rất nhiều tài nguyên thông tin, giải trí được nhiều đối tượng người dùng mạng quan tâm. Bạn có thể mở tài nguyên (trang web) mà bạn thích bằng cách mở liên kết dẫn đến nó.

Bạn sẽ cần

• Kỹ năng máy tính cơ bản và truy cập Internet.

Hướng dẫn

Cách đơn giản và phổ biến nhất để mở một liên kết tới một tài nguyên có thể được thực hiện như sau:

Mở menu tác vụ trên văn bản đã chọn bằng cách nhấp chuột phải vào nó một lần;

Trong danh sách hiện ra, chọn dòng “Sao chép”;

Nhấp chuột phải vào dòng nhập địa chỉ;

Trong menu hành động, chọn dòng “Chèn”;

Video về chủ đề

Làm việc với trình duyệt Internet liên quan đến một số lượng lớn các cửa sổ hoặc tab mở liên tục. Ngày nay, bạn sẽ không còn thấy những người xem trang Internet không biết cách tạo tab mới nữa, ngoại lệ duy nhất là Internet Explorer phiên bản 6.

Bạn sẽ cần

• Phần mềm:
• - Mozilla Firefox;
• - Google Chrome;
• - Opera;
• - Trình duyệt web IE.

Hướng dẫn

Trình duyệt Mozila Firefox. Cách dễ nhất là nhấp chuột phải vào liên kết và chọn “Mở trong mới” từ menu ngữ cảnh. Hành động này cũng có thể được thực hiện bằng cách nhấn các phím nóng, trong trường hợp Firefox - bằng cách nhấn nút chuột giữa (cuộn - bánh xe).

trình duyệt Google Chrome. So với đối thủ trước đó, mọi thao tác nhằm mở tab mới vẫn được giữ nguyên. Gọi menu ngữ cảnh của liên kết bằng cách nhấp chuột phải vào liên kết đó và chọn “Mở trong tab mới”. Nếu bạn nghiên cứu kỹ menu này, bạn sẽ thấy dòng “Mở ở chế độ”. Chế độ này mở liên kết trong một cửa sổ mới, nhưng các trang được xem qua chế độ này không được lưu vào bộ đệm, điều này cung cấp mức độ bảo vệ dữ liệu nhất định.

Nút chuột giữa và tổ hợp phím Ctrl + chuột trái được sử dụng làm phím nóng. Điều đáng chú ý là tổ hợp Shift + click chuột sẽ mở link ở cửa sổ mới. Trong một số trường hợp, chỉ cần lấy liên kết bằng chuột và di chuyển nó đến một khoảng trống trên thanh tab là đủ.

Trình duyệt Opera. Mở cửa sổ trong tab mới, bạn phải nhấn nút Ctrl và nhấp vào liên kết đang hoạt động hoặc trong khi nhấp chuột, hãy giữ phím Ctrl + Shift - thao tác này sẽ mở cửa sổ ở tab nền. Ngoài ra, đối với trình duyệt này còn có quy tắc thực thi lệnh từ menu ngữ cảnh của một liên kết. Nhấp vào phần tử đã chọn bằng nút chuột giữa để chuyển đến tab đang mở.

Video về chủ đề

Nguồn:

• cửa sổ thẻ

Tất cả chúng ta đều hiểu rằng đôi khi việc mở các liên kết trong cửa sổ hiện tại sẽ thuận tiện hơn và đôi khi trong một cửa sổ mới. Cá nhân tôi tuân thủ một quy tắc đơn giản trong hầu hết các dự án - nếu liên kết là nội bộ (trong trang web), thì theo mặc định, nó sẽ mở trong cửa sổ hiện tại và các liên kết bên ngoài dẫn đến một nơi nào đó đến các trang web khác sẽ mở các cửa sổ (tab) mới theo mặc định.

...

thuộc tính đích không được chỉ định hoặc được chỉ định là target="_self" thì tài liệu sẽ mở trong cửa sổ trình duyệt hiện tại và nếu liên kết được gán một thuộc tính có dạng target="_blank" thì tài liệu sẽ mở trong một cửa sổ mới .

Nhưng sau đó, câu hỏi được đặt ra - làm cách nào người dùng có thể phân biệt giữa 2 loại liên kết này mà không cần nhấp vào chúng hoặc xem mã HTML của trang?

Điều hợp lý nhất là nếu thiết kế CSS của hai loại liên kết này khác nhau thì đây là một tùy chọn trong đó các liên kết có target="_blank" được tô đậm bằng chữ đậm:

A ( font-weight:express((this.getAttribution("target") && this.getAttribution("target")=="_blank") ? "bold" : "bình thường"); ) a ( font-weight:bold ; )

Ở đây, như thường lệ, bạn phải tính đến Internet Explorer và các trình duyệt khác một cách riêng biệt, dấu hiệu kiểu đầu tiên chỉ dành cho IE và kiểu thứ hai dành cho các trình duyệt khác.

Bạn có thể thử nghiệm tương tự với một số thuộc tính CSS khác, chẳng hạn như gạch chân trang trí văn bản:

A ( text-trang trí:biểu thức((this.getAttribution("target") && this.getAttribution("target")=="_blank") ? "gạch dưới" : "none"); ) a ( text-trang trí: gạch chân ; )

Tùy thuộc vào hệ thống phân cấp của thuộc tính CSS, một số thứ có thể không hoạt động trong một trình duyệt cụ thể. Ngoài ra, tôi sẽ không sử dụng gạch chân khi theo mặc định tất cả các liên kết đều đã được gạch chân (hoặc không được gạch chân).

Một cách khác và đa trình duyệt là cố gắng tách các liên kết bên ngoài khỏi phần còn lại bằng cách địa chỉ. Giả sử rằng các liên kết bên ngoài luôn được chỉ định là tuyệt đối(bắt đầu bằng tiền tố http://) và các tiền tố bên trong được viết là liên quan đến. Thông thường, đây là những gì họ làm trên các trang web bình thường. Điều này cũng hoạt động trong IE, ít nhất là kể từ phiên bản 8.

A ( font-weight: đậm /* In đậm cho các liên kết tuyệt đối */ )

Nhưng ở đây, chúng tôi đã đi chệch khỏi nhiệm vụ ban đầu và chỉ yêu cầu URL bắt đầu bằng http://, nghĩa là chúng tôi đánh dấu bằng các URL tuyệt đối in đậm không nhất thiết phải ở bên ngoài và không phải tất cả các liên kết mở trong một cửa sổ mới.

Ngoài IE 6 và 7, bạn có thể làm mọi thứ đơn giản hơn bằng cách sử dụng các phần tử giả trước và sau, cho phép bạn chỉ định những gì sẽ xuất hiện trước hoặc sau các phần tử mà chúng được thêm vào.

Ví dụ: thông qua kiểu này, chúng ta có thể thêm một ảnh nhỏ sau mỗi liên kết mở ra trong một cửa sổ mới.

Tuy nhiên, đối với tôi, có vẻ hợp lý hơn nếu chỉ đơn giản là thay đổi thiết kế nền một liên kết mở ra trong một cửa sổ mới - xét cho cùng, việc thêm bất kỳ văn bản hoặc hình ảnh nào trước hoặc sau liên kết có thể làm gián đoạn bố cục của trang web. Để không bị ảnh hưởng, chúng tôi sẽ đặt màu nền hơi vàng cho tất cả các liên kết mở trong cửa sổ mới.

A ( màu nền: #FFFF99; ) a ( màu nền: biểu thức((this.getAttribution("target") && this.getAttribution("target")=="_blank") ? "#FFFF99" : "transparent "); )

Bài viết chỉ ra các nguyên tắc cơ bản khi sử dụng thuộc tính target="_blank" và cũng gợi ý một phương án thay thế cho việc sử dụng thuộc tính này, trong đó mã sẽ vẫn hợp lệ.

Một thực tế khá phổ biến là khi nhấp vào liên kết sẽ đưa bạn đến trang đích trong tab trình duyệt mới. Kỹ thuật này thường được sử dụng khi chỉ định nhà phát triển tài nguyên web hoặc câu trả lời cho truy vấn trong công cụ tìm kiếm. Kỹ thuật này đạt được thông qua việc sử dụng thuộc tính đích của thẻ. Dưới đây là một ví dụ mã:

HTML

< a href= "#" target= "_blank" >

Theo cách hiểu hiện tại về bố cục phù hợp hiện đại và sự tương tác của người dùng với chức năng của tài nguyên, người ta thường chấp nhận rằng khách truy cập phải tự xác định chính xác cách mình sẽ theo liên kết. Ý kiến ​​​​tương tự này được hỗ trợ bởi các nhà phát triển web nổi tiếng và có kinh nghiệm. Ngoài ra, việc sử dụng thuộc tính này sẽ làm gián đoạn hoạt động của nút “Quay lại” của trình duyệt - đây cũng được coi là tác động tiêu cực của thuộc tính. Các yếu tố được liệt kê có thể gây ra sự phẫn nộ của người truy cập trang web.

Một số giải thích việc sử dụng thuộc tính đích là do khi sử dụng nó, ngay cả khi người dùng tìm thấy thứ mình đang tìm kiếm trên một tài nguyên khác (liên kết đã được gửi đến), sau khi đóng tab mới mở, anh ta sẽ quay lại trang web trước đó. Điều này được cho là làm tăng khả năng chuyển đổi một khách truy cập bình thường thành người dùng thông thường. Tuyên bố này là sai! Bạn chỉ có thể giành được sự chú ý thường xuyên của người dùng bằng nội dung thú vị và chất lượng cao. Thật vô ích khi thông tin được coi là một trong những tài nguyên có giá trị nhất.

Ngoài ra, theo đặc tả nghiêm ngặt của XHTML 1.0, việc sử dụng thuộc tính đích là bất hợp pháp. Nếu không, mã sẽ không được coi là hợp lệ. Và chính trình xác thực sẽ hiển thị thông báo sau:

Như đã đề cập trước đó, việc sử dụng thuộc tính đích để theo liên kết trong cửa sổ trình duyệt mới không nằm trong thông số kỹ thuật và không được coi là giải pháp hợp lệ cho vấn đề. Tuy nhiên, đây không phải là cách duy nhất để giải quyết vấn đề. Hiệu ứng tương tự có thể đạt được bằng cách sử dụng mã js.

Nguyên tắc tổ chức quá trình như vậy dựa trên sự kiện onclick. Trong giá trị của sự kiện này, một hàm sẽ được viết để mở tab trình duyệt mới - window.open() , cũng như một trình chặn sẽ hủy quá trình chuyển đổi sang địa chỉ mong muốn trong cửa sổ hiện tại - return false . Trong mã, tất cả những hành động này sẽ trông như thế này:

< a href= "#" onclick= "window.open(this.href); return false" >Liên kết mở trong tab mới

Để xác minh tính hiệu quả của phương pháp được đề xuất, bạn có thể nhấp vào liên kết này, nó sẽ mở trong một cửa sổ mới.

Sau khi bị thuyết phục về tính hiệu quả của phương pháp, chúng tôi sẽ kiểm tra tính hợp lệ của mã. Trình xác thực đưa ra một thông báo màu xanh lục, cho biết mã của chúng tôi hoàn hảo.

Thoạt nhìn, chúng tôi đã đạt được giải pháp hợp lý cho vấn đề, nhưng khi kiểm tra chi tiết phương pháp, hóa ra nếu trình duyệt có trình chặn cửa sổ bật lên, phương pháp sẽ ngừng hoạt động. Thay vì nhấp vào liên kết, một thông báo chặn cửa sổ bật lên sẽ xuất hiện.

Chức năng nêu trên được thiết kế để giúp người dùng giảm bớt quảng cáo dư thừa trên Internet. Tất cả các trình duyệt hiện đại đều có khả năng này trong kho vũ khí của chúng và một số trình duyệt có thể chặn ở các cấp độ khác nhau. Ví dụ: tất cả các phiên bản Opera, bắt đầu từ ngày 9, chỉ có khả năng chặn các cửa sổ được đánh dấu hoặc tất cả chúng.

Mặc dù có lẽ có rất ít người dùng cài đặt trình chặn cửa sổ bật lên trong trình duyệt của họ nhưng chúng vẫn tồn tại. Và chúng ta phải tính đến tất cả các tùy chọn có thể có để trang web hoạt động bình thường. Hãy để tôi nhắc bạn rằng nếu có khối, liên kết trong mã js của chúng tôi sẽ ngừng hoạt động.

Vậy thì bạn nên đưa ra lựa chọn nào: mã không hợp lệ hoặc các liên kết không phải lúc nào cũng hoạt động? Không có lựa chọn nào phù hợp với chúng tôi. Một giải pháp thay thế đến từ việc thử nghiệm một liên kết có bật thuộc tính đích và trình chặn cửa sổ bật lên. Trong các điều kiện nhất định, liên kết đã mở nhưng chỉ trong cửa sổ riêng của nó. Điều này có nghĩa là chúng ta cần sửa đổi mã js của mình để khi bị chặn, liên kết sẽ hoạt động trong cửa sổ hiện tại. Điều này được thực hiện như sau:

< a href= "#" onclick= "return !window.open(this.href)" >Liên kết mở trong tab mới

Nguyên lý hoạt động của phương pháp hầu như không thay đổi, nhưng hình thức giải thích các hành động đã thay đổi. Trong mã mới, hàm window.open() đánh giá là true nếu khóa chưa được cài đặt, nhưng nếu có, hàm sẽ đánh giá là false . Nói bằng tiếng Nga, nếu bạn đặt cài đặt thích hợp trong trình duyệt, liên kết sẽ mở trong phiên hiện tại, nếu không thì - trong một tab mới.

Thử nghiệm giải pháp sửa đổi cho liên kết tới blog chính.

Dựa trên thông tin được trình bày ở trên, chúng ta có thể kết luận rằng cách hợp lý nhất để buộc các liên kết mở trong tab mới là sử dụng phương pháp thứ hai, dựa trên mã JavaScript.

Tuy nhiên, đồng thời, những thứ như vậy nên được sử dụng cẩn thận, vì điều này áp đặt một số hành động nhất định lên người dùng và hạn chế quyền tự do đưa ra quyết định của họ. Đây được coi là cách cư xử không tốt.

Theo mặc định, các liên kết sẽ mở trong cùng một cửa sổ nơi chúng được đặt. Để bất kỳ liên kết nào sẽ mở trong một cửa sổ mới, tới thẻ bạn nên thêm thuộc tính đích có giá trị _blank như trong ví dụ 1.