เป็นเรื่องปกติไหมที่จะใช้ target =“ _ blank” ใน HTML5

ฉันจำได้ว่าอ่านที่ไหนสักแห่งใน HTML5 มันก็ไม่เป็นไรที่จะใช้target="_blank"ใน HTML5 อีกต่อไปแต่ตอนนี้ฉันหามันไม่พบ

มันดีไหมที่จะใช้ต่อไปtarget="_blank"?

ฉันรู้ว่าโดยทั่วไปแล้วถือว่าเป็นความคิดที่ไม่ดี แต่เป็นวิธีที่ง่ายที่สุดในการเปิดหน้าต่างใหม่สำหรับบางอย่างเช่น PDF และยังไม่ต้องการให้คุณพึ่งพา JavaScript

ดูเหมือนว่าtarget="_blank"จะยังไม่เป็นไร มันถูกระบุว่าเป็นบริบทการท่องคำหลักในร่าง HTML5 ล่าสุด

มันก็โอเคที่จะใช้target="_blank"; สิ่งนี้ได้ดำเนินการไปแล้วใน XHTML เนื่องจากการกำหนดเป้าหมายหน้าต่างใหม่จะแสดงป๊อปอัปแจ้งเตือนในเบราว์เซอร์ส่วนใหญ่เสมอ XHTML มักจะแสดงข้อผิดพลาดกับแอตทริบิวต์เป้าหมายในการตรวจสอบ

HTML 5 นำกลับมาเพราะเรายังใช้อยู่ เป็นเพื่อนของเราและเราปล่อยไม่ได้

ไม่เคยปล่อยให้ไป.

แม้ว่าจะtarget="_blank"เป็นที่ยอมรับใน HTML5แต่ส่วนตัวฉันก็พยายามอย่าใช้เลย (แม้จะเปิดไฟล์ PDF ในหน้าต่างใหม่)

HTML ควรกำหนดความหมายและเนื้อหา ถามตัวเองว่า“ ความหมายของaองค์ประกอบจะเปลี่ยนไปไหมหากtargetแอตทริบิวต์นั้นถูกลบไป” หากไม่เป็นเช่นนั้นรหัสไม่ควรเป็น HTML (อันที่จริงฉันประหลาดใจว่า W3C เก็บไว้…ฉันเดาว่าพวกเขาไม่สามารถปล่อยได้)

พฤติกรรมเบราว์เซอร์โดยเฉพาะอย่างยิ่งพฤติกรรมแบบโต้ตอบกับผู้ใช้ควรนำมาใช้กับภาษาสคริปต์ฝั่งไคลเอ็นต์เช่น JavaScript เนื่องจากคุณต้องการให้เบราว์เซอร์ทำงานในลักษณะเฉพาะเช่นเปิดหน้าต่างใหม่คุณควรใช้ JS แต่ตามที่คุณกล่าวถึงพฤติกรรมนี้ต้องใช้เบราว์เซอร์เพื่อใช้ JS (แม้ว่าเว็บไซต์ของคุณจะเสื่อมโทรมลงอย่างสวยงามหรือปรับปรุงอย่างต่อเนื่องหรืออะไรก็ตามก็ควรจะเป็นไรผู้ใช้ที่ปิดการใช้งาน JS จะไม่พลาดมาก)

สิ่งเหล่านี้ไม่ได้เป็นคำตอบที่ถูกต้อง ออกมีบางคือความเห็นว่าวิธีการเชื่อมโยงเปิดท้ายที่สุดควรจะตัดสินใจโดยผู้ใช้ นำตัวอย่างนี้

คุณกำลังท่องวิกิพีเดียการเจาะลึกลงไปในโพรงกระต่าย คุณเจอลิงค์ในการอ่านของคุณ

สมมติว่าคุณต้องการอ่านหน้าเชื่อมโยงที่แท้จริงอย่างรวดเร็วก่อนกลับมา คุณอาจเปิดมันในแท็บใหม่แล้วปิดเมื่อคุณทำเสร็จ (เนื่องจากการกดปุ่ม 'ย้อนกลับ' และรอการโหลดหน้าใหม่ใช้เวลานานเกินไป) หรือถ้ามันดูน่าสนใจและคุณต้องการบันทึกไว้ในภายหลัง บางทีคุณควรเปิดในแท็บพื้นหลังใหม่แทนและอ่านหน้าปัจจุบันต่อไป หรือบางทีคุณอาจตัดสินใจว่าคุณอ่านหน้านี้เสร็จแล้วดังนั้นคุณเพียงแค่ไปตามลิงก์ในแท็บปัจจุบัน

ประเด็นคือคุณมีเวิร์กโฟลว์ของคุณเองและคุณต้องการให้เบราว์เซอร์ของคุณทำงานตามนั้น คุณอาจท้อแท้ถ้าตัดสินใจเช่นนี้

ดังที่กล่าวไปแล้วนักพัฒนาเว็บควรทำให้ชัดเจนว่าลิงก์ของพวกเขาไปอยู่ที่ใดประเภทและ / หรือรูปแบบของแหล่งข้อมูลที่พวกเขาอ้างอิงและสิ่งที่พวกเขาทำ เคล็ดลับเครื่องมืออาจเป็นเพื่อนของคุณ (ยกเว้นว่าคุณกำลังใช้แท็บเล็ตหรือโทรศัพท์ในกรณีนี้ให้ระบุสิ่งเหล่านี้บนเว็บไซต์มือถือ) เราทุกคนรู้ว่ามันแย่ขนาดไหนที่เราไม่ได้คาดหวังหรือทำอะไรบางอย่างที่เราไม่ได้ตั้งใจ

มันเป็นวิธีที่ง่ายที่สุดในการเปิดหน้าต่างใหม่สำหรับบางอย่างเช่น PDF

นอกจากนี้ยังเป็นวิธีที่ง่ายที่สุดในการรบกวนผู้ใช้ที่ไม่ใช่ Windows PDF เปิดได้ดีในเบราว์เซอร์บนแพลตฟอร์มอื่น การเปิดหน้าต่างใหม่จะทำให้ประวัติการนำทางยุ่งเหยิงและสร้างความซับซ้อนให้กับแพลตฟอร์มขนาดเล็กเช่นสมาร์ทโฟน

อย่าเปิดหน้าต่างใหม่สำหรับสิ่งต่าง ๆ เช่น PDF เพียงเพราะ Windows รุ่นเก่าชำรุด

นักพัฒนาเว็บส่วนใหญ่ใช้target="_blank"เพื่อเปิดลิงก์ในแท็บใหม่เท่านั้น หากคุณใช้target="_blank"เพื่อเปิดลิงก์ในแท็บใหม่แสดงว่ามีความเสี่ยงต่อผู้โจมตี เมื่อคุณเปิดลิงก์ในแท็บใหม่ ( target="_blank") หน้าเว็บที่เปิดขึ้นในแท็บใหม่จะสามารถเข้าถึงแท็บเริ่มต้นและเปลี่ยนตำแหน่งโดยใช้window.openerคุณสมบัติได้

รหัส Javascript:

window.opener.location.replace(malicious URL)

การป้องกัน:

rel="nofollow noopener noreferrer"

ในขณะที่เป้าหมายยังคงเป็นที่ยอมรับใน HTML5 แต่ไม่เป็นที่ต้องการ หากต้องการลิงก์ไปยังไฟล์ PDF ให้ใช้แอตทริบิวต์ดาวน์โหลดแทนแอตทริบิวต์ target

นี่คือตัวอย่าง:

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

หากชื่อไฟล์ต้นฉบับถูกเข้ารหัสสำหรับที่เก็บไฟล์ที่ไม่ซ้ำกันคุณสามารถระบุชื่อดาวน์โหลดที่ใช้งานง่ายโดยการกำหนดค่าให้กับแอตทริบิวต์การดาวน์โหลด:

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

โปรดทราบว่าในขณะที่เบราว์เซอร์ที่ทันสมัยส่วนใหญ่สนับสนุนคุณสมบัตินี้บางอย่างอาจไม่ ดูcaniuse.comสำหรับข้อมูลเพิ่มเติม

แน่ใจ!

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

คุณสามารถทำได้ด้วย jquery วิธีต่อไปนี้จะเปิดในหน้าต่างใหม่:

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

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

</script>

ฉันคิดว่าแอตทริบิวต์เป้าหมายเลิกใช้แล้วสำหรับ<link>องค์ประกอบไม่ใช่<a>นั่นอาจเป็นเหตุผลที่คุณได้ยินมาว่าไม่ควรใช้อีกต่อไป