คำถามติดแท็ก html

HTML (HyperText Markup Language) เป็นภาษามาร์กอัปหลักสำหรับการสร้างเว็บเพจและข้อมูลอื่น ๆ ที่จะแสดงในเว็บเบราว์เซอร์ คำถามเกี่ยวกับ HTML ควรมีตัวอย่างที่ทำซ้ำได้น้อยที่สุดและแนวคิดบางประการเกี่ยวกับสิ่งที่คุณพยายามทำ แท็กนี้ไม่ค่อยได้ใช้คนเดียวและมักจะจับคู่กับ [CSS] และ [javascript]


18
ฉันควรใช้ Inline vs. External Javascript เมื่อใด
ฉันต้องการทราบว่าเมื่อใดที่ฉันควรรวมสคริปต์ภายนอกหรือเขียนไว้ในบรรทัดด้วยโค้ด html ในแง่ของประสิทธิภาพและความสะดวกในการบำรุงรักษา การปฏิบัติทั่วไปสำหรับสิ่งนี้คืออะไร? สถานการณ์ในโลกแห่งความจริง - ฉันมีเพจ html หลายเพจที่ต้องการการตรวจสอบความถูกต้องของฟอร์มฝั่งไคลเอ็นต์ สำหรับสิ่งนี้ฉันใช้ปลั๊กอิน jQuery ที่ฉันรวมไว้ในหน้าเหล่านี้ทั้งหมด แต่คำถามคือฉันจะ: เขียนบิตของโค้ดที่กำหนดค่าสคริปต์นี้แบบอินไลน์? รวมบิตทั้งหมดในไฟล์เดียวที่ใช้ร่วมกันระหว่างหน้า html เหล่านี้หรือไม่ รวมแต่ละบิตในไฟล์ภายนอกที่แยกต่างหากหนึ่งรายการสำหรับแต่ละหน้า html? ขอบคุณ

6
Inline Javascript (ใน HTML) ทำงานอย่างไร
ฉันรู้ว่านี่เป็นการปฏิบัติที่ไม่ดี อย่าเขียนโค้ดแบบนี้ถ้าเป็นไปได้ แน่นอนว่าเรามักจะพบว่าตัวเองอยู่ในสถานการณ์ที่ตัวอย่าง Javascript แบบอินไลน์ที่ชาญฉลาดสามารถแก้ไขปัญหาได้อย่างรวดเร็ว ฉันกำลังติดตามคำถามนี้เพื่อความเข้าใจอย่างถ่องแท้ว่าเกิดอะไรขึ้น (และข้อผิดพลาดที่อาจเกิดขึ้น) เมื่อมีการเขียนสิ่งนี้: <a href="#" onclick="alert('Hi')">Click Me</a> เท่าที่ฉันสามารถบอกได้ว่านี่เป็นหน้าที่เหมือนกับ <script type="text/javascript"> $(function(){ // I use jQuery in this example document.getElementById('click_me').onclick = function () { alert('Hi'); }; }); </script> <a href="#" id="click_me">Click Me</a> การสรุปจากสิ่งนี้ดูเหมือนว่าสตริงที่กำหนดให้กับแอตทริบิวต์onclickจะถูกแทรกภายในฟังก์ชันที่ไม่ระบุตัวตนซึ่งกำหนดให้กับตัวจัดการการคลิกขององค์ประกอบ เป็นเช่นนั้นจริงหรือ? เพราะฉันกำลังเริ่มทำสิ่งนี้: <a href="#" onclick="$(this).next().fadeIn(); return false;">Display my next sibling</a> <!-- Return false …
129 javascript  html 


10
เปลี่ยนสีพื้นหลังของตัวเลือกกล่องเลือก
ฉันมีselectกล่องและฉันกำลังพยายามเปลี่ยนสีพื้นหลังของตัวเลือกเมื่อselectคลิกกล่องแล้วและแสดงตัวเลือกทั้งหมด ดู Fiddle HTML: <select> <option val="">Please choose</option> <option val="1">Option 1</option> <option val="2">Option 2</option> <option val="3">Option 3</option> <option val="4">Option 4</option> </select> CSS: select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }

6
เป็นไปได้ไหมที่จะซ่อนเคอร์เซอร์ในหน้าเว็บโดยใช้ CSS หรือ Javascript
ฉันต้องการซ่อนเคอร์เซอร์เมื่อแสดงหน้าเว็บที่มีไว้เพื่อแสดงข้อมูลในโถงอาคาร ไม่จำเป็นต้องโต้ตอบเลย ฉันลองใช้คุณสมบัติเคอร์เซอร์และรูปภาพเคอร์เซอร์แบบโปร่งใส แต่ไม่สามารถใช้งานได้ มีใครรู้บ้างว่าสามารถทำได้? ฉันคิดว่านี่อาจเป็นภัยคุกคามด้านความปลอดภัยสำหรับผู้ใช้ที่ไม่สามารถรู้ได้ว่าเขากำลังคลิกที่ใดดังนั้นฉันจึงไม่ค่อยมองโลกในแง่ดี ... ขอบคุณ!
129 javascript  html  css 


2
วิธีคัดลอกเนื้อหาของผืนผ้าใบหนึ่งไปยังผืนผ้าใบอื่นในเครื่อง
ฉันต้องการคัดลอกเนื้อหาทั้งหมดของผืนผ้าใบหนึ่งผืนและถ่ายโอนไปยังอีกที่หนึ่งทางฝั่งไคลเอ็นต์ ฉันคิดว่าฉันจะใช้canvas.toDataURL()and context.drawImage()method เพื่อนำไปใช้ แต่ฉันพบปัญหาบางประการ วิธีแก้ปัญหาของฉันคือรับCanvas.toDataURL()และเก็บสิ่งนี้ไว้ในออบเจ็กต์รูปภาพใน Javascript จากนั้นใช้context.drawImage()วิธีการวางกลับ อย่างไรก็ตามฉันเชื่อว่าtoDataURLเมธอดจะส่งคืนแท็กที่เข้ารหัส 64 บิตพร้อมกับ"data:image/png;base64,"อยู่ข้างหน้า ดูเหมือนว่าจะไม่ใช่แท็กที่ถูกต้อง (ฉันสามารถใช้ RegEx บางตัวเพื่อลบสิ่งนี้ได้เสมอ) แต่สตริงที่เข้ารหัส 64 บิตนั้นหลังจาก"data:image/png;base64,"สตริงย่อยเป็นรูปภาพที่ถูกต้องหรือไม่ ฉันสามารถพูดimage.src=iVBORw...ASASDASและวาดสิ่งนี้กลับมาบนผืนผ้าใบได้ไหม ฉันได้ดูปัญหาที่เกี่ยวข้องแล้ว: แสดงภาพแคนวาสจากผืนผ้าใบหนึ่งไปยังผืนผ้าใบอื่นโดยใช้ base64 แต่วิธีแก้ปัญหาดูเหมือนจะไม่ถูกต้อง
129 html  canvas 

4
จะใช้คำขอ Python เพื่อปลอมการเยี่ยมชมเบราว์เซอร์ได้อย่างไร
ฉันต้องการรับเนื้อหาจากเว็บไซต์ด้านล่าง หากฉันใช้เบราว์เซอร์เช่น Firefox หรือ Chrome ฉันจะได้รับหน้าเว็บไซต์จริงที่ฉันต้องการ แต่ถ้าฉันใช้แพคเกจคำขอ Python (หรือwgetคำสั่ง) เพื่อรับมันจะส่งคืนหน้า HTML ที่แตกต่างกันโดยสิ้นเชิง ฉันคิดว่าผู้พัฒนาเว็บไซต์ได้ทำการบล็อกบางส่วนสำหรับสิ่งนี้ดังนั้นคำถามคือ: ฉันจะปลอมการเยี่ยมชมเบราว์เซอร์โดยใช้คำขอ python หรือคำสั่ง wget ได้อย่างไร http://www.ichangtou.com/#company:data_000008.html

8
ใช้ $ _POST เพื่อรับค่าตัวเลือกที่เลือกจาก HTML
ฉันใช้selectดังต่อไปนี้: <select name="taskOption"> <option>First</option> <option>Second</option> <option>Third</option> </select> ฉันจะรับค่าจากselectตัวเลือกและเก็บไว้เป็นตัวแปรสำหรับการใช้งานในอนาคตใน PHP ได้อย่างไร
128 php  html  arrays 

1
การตั้งค่าที่เหมาะสมที่สุดสำหรับการส่งออก SVG สำหรับเว็บจาก Illustrator หรือไม่
ฉันกำลังมองหาที่จะใช้โลโก้ SVG สำหรับเว็บไซต์ - เพื่อทำให้มันดูดีในการออกแบบที่ตอบสนองต่อทุกอุปกรณ์ แต่เนื่องจากมีปัญหาฉันต้องการสนับสนุนอุปกรณ์และเบราว์เซอร์ให้ได้มากที่สุด ความเร็วในการโหลดก็เป็นสิ่งสำคัญเช่นกัน การตั้งค่าการส่งออกใน Adobe Illustrator มีความสอดคล้องกันอย่างไร ใน Illustrator มีหลายตัวเลือกสำหรับการส่งออก SVG อันดับแรกโปรไฟล์ SVG ใดดีที่สุด? ฉันคิดว่า SVG Tiny มีขนาดไฟล์ที่ต่ำกว่านี้หรือไม่ อุปกรณ์จำนวนมากรองรับ SVG Tiny หรือไม่ ความแตกต่างที่สำคัญที่สุดคืออะไร? (โดยไม่ต้องอ่านสัตว์ประหลาด W3นี้) ประการที่สองฉันถือว่าตัวเลือกที่ดีที่สุดสำหรับตำแหน่งภาพคือ "ลิงก์" (ดูคำอธิบายหลังเครื่องหมายอัศเจรีย์) เบราว์เซอร์รองรับตัวเลือก "ฝัง" อย่างไร ขอบคุณ! PS จะมีตัวเลือกสำรอง alpha-PNG แต่ฉันต้องการให้ SVG ได้รับการสนับสนุนอย่างดีที่สุด (ลองคิดดูว่าตัวเลือกสำรอง - เช่น JPG - น่าจะเป็นตัวเลือกที่ดีที่สุดในกรณีนี้เนื่องจาก alpha-PNG นั้นต้องการโซลูชันสำหรับ …

9
จะทราบได้อย่างไรว่าเบราว์เซอร์อยู่ในโหมด "นิสัยใจคอ"?
สมมติว่าคุณมีหน้าเว็บที่มี doctype และ HTML ที่ค่อนข้างเข้มงวดซึ่งใกล้เคียงกับมาตรฐาน แต่อาจจะพลาดไปในทางที่โง่อาจเป็นเพราะเนื้อหาของผู้ใช้ที่อยู่นอกเหนือการควบคุมของคุณ ... บอกว่าคุณกำลังทำงานกับเนื้อหาอยู่ ระบบการจัดการหรือชุดรูปแบบสำหรับระบบการจัดการเนื้อหาที่คุณควบคุมโครงสร้างพื้นฐานบางอย่างและต้องการจาวาสคริปต์ แต่คุณจะไม่รับผิดชอบทุกอย่างที่เข้าสู่หน้าเว็บ คุณจะบอกได้อย่างไร (หรือ: อะไรจะเป็นตัวกำหนด) เมื่อเบราว์เซอร์ตัดสินใจที่จะเข้าสู่โหมด "นิสัยใจคอ" แทนที่จะใช้มันเป็นเครื่องมือที่สอดคล้องกับมาตรฐานมากขึ้น? ฉันกำลังมองหาคำตอบสำหรับเบราว์เซอร์หลัก ๆ แต่ละอันเนื่องจากแน่นอนว่า IE, Chrome, Safari และ Firefox จะจัดการแตกต่างกันไป มีข้อผิดพลาดเพียงข้อเดียวเพียงพอที่จะบังคับหรือคุณมีระยะทางไกลบ้างไหม?

15
bootstrap popover ไม่แสดงที่ด้านบนขององค์ประกอบทั้งหมด
ฉันกำลังทำงานบนเว็บไซต์ bootstrap และหลังจากอัปเดตเป็น bootstrap 2.2 จาก 2.0 ทุกอย่างทำงานได้ยกเว้น popover ป๊อปอัปยังคงปรากฏได้ดี แต่ก็ไม่ปรากฏขึ้นบนองค์ประกอบอื่น ๆ ทั้งหมด <div> // this sits on top of the popover. this did not happen before cleaning up scripts. <div> //popover shows on top of this <div> //popover shows on top of this //link here with popover in it. …

7
ฉันจะเพิ่มตัวจัดการเหตุการณ์ onClick แบบง่ายให้กับองค์ประกอบ canvas ได้อย่างไร
ฉันเป็นโปรแกรมเมอร์ Java ที่มีประสบการณ์ แต่กำลังมองหาสิ่งต่างๆเกี่ยวกับ JavaScript / HTML5 เป็นครั้งแรกในรอบทศวรรษ ฉันนิ่งงันกับสิ่งที่ควรจะง่ายที่สุดเท่าที่เคยมีมา ตัวอย่างเช่นฉันแค่อยากวาดบางอย่างแล้วเพิ่มตัวจัดการเหตุการณ์เข้าไป ฉันแน่ใจว่าฉันทำอะไรโง่ ๆ แต่ฉันค้นหาจนทั่วแล้วและไม่มีอะไรที่แนะนำ (เช่นคำตอบสำหรับคำถามนี้: เพิ่มคุณสมบัติ onclick เพื่อป้อนข้อมูลด้วย JavaScript ) ฉันใช้ Firefox 10.0.1 รหัสของฉันตาม คุณจะเห็นบรรทัดแสดงความคิดเห็นหลายบรรทัดและในตอนท้ายของแต่ละบรรทัดจะมีคำอธิบายว่าเกิดอะไรขึ้น (หรือไม่เกิดอะไรขึ้น) ไวยากรณ์ที่ถูกต้องที่นี่คืออะไร? ฉันจะบ้า! <html> <body> <canvas id="myCanvas" width="300" height="150"/> <script language="JavaScript"> var elem = document.getElementById('myCanvas'); // elem.onClick = alert("hello world"); - displays alert without clicking // …

7
เปลี่ยนฟิลด์ฟอร์ม Django เป็นฟิลด์ที่ซ่อนอยู่
ฉันมีรูปแบบ Django ที่มี a RegexFieldซึ่งคล้ายกับช่องป้อนข้อความปกติมาก ในมุมมองของฉันภายใต้เงื่อนไขบางประการฉันต้องการซ่อนมันจากผู้ใช้และพยายามรักษาแบบฟอร์มให้คล้ายกันมากที่สุด วิธีใดที่ดีที่สุดในการเปลี่ยนสนามนี้ให้กลายเป็นHiddenInputสนาม ฉันรู้ว่าฉันสามารถตั้งค่าคุณสมบัติในฟิลด์ด้วย: form['fieldname'].field.widget.attr['readonly'] = 'readonly' และฉันสามารถตั้งค่าเริ่มต้นที่ต้องการด้วย: form.initial['fieldname'] = 'mydesiredvalue' อย่างไรก็ตามจะไม่เปลี่ยนรูปแบบของวิดเจ็ต วิธีใด "django-y" ที่ดีที่สุด / น้อยที่สุด / น้อยที่สุดในการทำให้ช่องนี้เป็น<input type="hidden">ช่อง

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.