Bạn có thể sử dụng target = xông _ trống trong HTML5 không?

Tôi nhớ rằng đã đọc ở đâu đó rằng trong HTML5, nó không còn ổn để sử dụng target="_blank"trong HTML5, nhưng tôi không thể tìm thấy nó ngay bây giờ.

Có thể tiếp tục sử dụng target="_blank"?

Tôi biết nó thường được coi là một ý tưởng tồi, nhưng đó là cách dễ nhất để mở một cửa sổ mới cho một cái gì đó như PDF và nó cũng không yêu cầu bạn phải dựa vào JavaScript.

Có vẻ như target="_blank"vẫn ổn. Nó được liệt kê như một từ khóa ngữ cảnh duyệt trong dự thảo HTML5 mới nhất .

Nó là ok để sử dụng target="_blank"; Điều này đã được loại bỏ trong XHTML vì việc nhắm mục tiêu các cửa sổ mới sẽ luôn đưa ra cảnh báo bật lên trong hầu hết các trình duyệt. XHTML sẽ luôn hiển thị lỗi với thuộc tính đích trong xác thực.

HTML 5 đã mang nó trở lại bởi vì chúng tôi vẫn sử dụng nó. Đó là bạn của chúng tôi và chúng tôi không thể buông tay.

Không bao giờ buông tay.

Mặc dù target="_blank"có thể chấp nhận được trong HTML5 , nhưng cá nhân tôi cố gắng không bao giờ sử dụng nó (ngay cả để mở tệp PDF trong một cửa sổ mới).

HTML nên xác định ý nghĩa và nội dung . Hãy tự hỏi mình, “sẽ có nghĩa là các athay đổi yếu tố nếu targetthuộc tính đã được gỡ bỏ?” Nếu không, mã không nên đi trong HTML. (Thật ra tôi rất ngạc nhiên khi W3C giữ nó, tôi đoán họ thực sự không thể buông tay.)

Hành vi trình duyệt , cụ thể là hành vi tương tác với người dùng , nên được thực hiện bằng các ngôn ngữ kịch bản phía máy khách như JavaScript. Vì bạn muốn trình duyệt hoạt động theo một cách cụ thể, tức là, mở một cửa sổ mới, bạn nên sử dụng JS. Nhưng như bạn đã đề cập, hành vi này đòi hỏi trình duyệt phải dựa vào JS. (Mặc dù nếu trang web của bạn xuống cấp một cách duyên dáng, hoặc tăng cường dần dần hoặc bất cứ điều gì , thì nó vẫn sẽ ổn. Người dùng bị vô hiệu hóa JS sẽ không bỏ lỡ nhiều.)

Điều đó đang được nói, cả hai không phải là câu trả lời đúng. Ở đâu đó có ý kiến ​​cho rằng cuối cùng người dùng cuối sẽ quyết định như thế nào . Lấy ví dụ này.

Bạn đang lướt Wikipedia, ngày càng sâu hơn vào một cái hố thỏ. Bạn đi qua một liên kết trong bài đọc của bạn.

Giả sử bạn muốn lướt qua trang được liên kết thật nhanh trước khi quay lại. Bạn có thể mở nó trong một tab mới và sau đó đóng nó khi bạn hoàn thành (vì nhấn nút 'quay lại' và chờ tải lại trang mất quá nhiều thời gian). Hoặc, nếu nó trông thú vị và bạn muốn lưu nó sau này thì sao? Có lẽ bạn nên mở nó trong một tab nền mới và tiếp tục đọc trang hiện tại. Hoặc, có thể bạn quyết định bạn đã đọc xong trang này, vì vậy bạn sẽ chỉ theo liên kết trong tab hiện tại.

Vấn đề là, bạn có quy trình làm việc của riêng mình và bạn muốn trình duyệt của mình hoạt động tương ứng. Bạn có thể trở nên khá thất vọng nếu nó đưa ra các loại quyết định cho bạn.

Điều đó đang được nói, các nhà phát triển web nên làm rõ hoàn toàn các liên kết của họ đi đâu, loại và / hoặc định dạng của nguồn mà họ tham chiếu và những gì họ làm. Chú giải công cụ có thể là bạn của bạn (trừ khi bạn đang sử dụng máy tính bảng hoặc điện thoại; trong trường hợp đó, hãy chỉ định những mục này trên trang web dành cho thiết bị di động). Tất cả chúng ta đều biết rằng nó sẽ hấp dẫn đến mức nào khi được mang đi đâu đó mà chúng ta không mong đợi hoặc làm cho điều gì đó xảy ra mà chúng ta không có ý định.

Đó là cách dễ nhất để mở một cửa sổ mới cho một cái gì đó như PDF

Đây cũng là cách dễ nhất để làm phiền người dùng không phải Windows. PDF chỉ mở tốt trong các trình duyệt trên các nền tảng khác. Mở một cửa sổ mới cũng làm rối tung lịch sử điều hướng và làm phức tạp vấn đề trên các nền tảng nhỏ hơn như điện thoại thông minh.

KHÔNG mở các cửa sổ mới cho những thứ như PDF chỉ vì các phiên bản Windows cũ hơn đã bị hỏng.

Hầu hết các nhà phát triển web target="_blank"chỉ sử dụng để mở các liên kết trong tab mới. Nếu bạn target="_blank"chỉ sử dụng để mở các liên kết trong một tab mới, thì nó dễ bị tấn công. Khi bạn mở một liên kết trong tab mới ( target="_blank"), trang mở trong tab mới có thể truy cập tab ban đầu và thay đổi vị trí của nó bằng thuộc window.openertính.

Mã Javascript:

window.opener.location.replace(malicious URL)

Phòng ngừa:

rel="nofollow noopener noreferrer"

Mặc dù mục tiêu vẫn được chấp nhận trong HTML5 nhưng nó không được ưa thích. Để liên kết đến tệp PDF, hãy sử dụng thuộc tính tải xuống thay vì thuộc tính đích.

Đây là một ví dụ:

<a href="files/invoice.pdf" download>Invoice</a>

Nếu tên tệp gốc được mã hóa để lưu trữ tệp duy nhất, bạn có thể chỉ định tên tải xuống thân thiện với người dùng bằng cách gán giá trị cho thuộc tính tải xuống:

<a href="files/j24oHPqJiUR2ftK0oeNH.pdf" download="invoice.pdf">Invoice</a>

Hãy nhớ rằng trong khi hầu hết các trình duyệt hiện đại hỗ trợ tính năng này, một số trình duyệt có thể không. Xem caniuse.com để biết thêm.

Chắc chắn rồi!

http://www.w3.org/TR/2010/WD-html5-20100624/text-level-semantics.html#the-a-element

Bạn có thể làm theo cách sau với jquery, điều này sẽ mở nó trong một cửa sổ mới:

<input type="button" id="idboton" value="google" name="boton" /> 

<script type="text/javascript">
    $('#idboton').click(function(){
        window.open('https://www.google.com.co');
    });

</script>

Tôi nghĩ rằng thuộc tính đích không được dùng cho <link>phần tử, không <a>, đó có thể là lý do tại sao bạn nghe nói nó không được sử dụng nữa.