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

ไม่กี่ชั่วโมงที่ผ่านมาฉันอ่านเกี่ยวกับคุณลักษณะaria-labelซึ่ง: กำหนดค่าสตริงที่ติดป้ายองค์ประกอบปัจจุบัน แต่ในความคิดของฉันนี่คือสิ่งที่titleแอตทริบิวต์ควรทำ ฉันค้นหาเพิ่มเติมในMozilla Developer Networkเพื่อรับตัวอย่างและคำอธิบาย แต่สิ่งเดียวที่ฉันพบคือ <button aria-label="Close" onclick="myDialog.close()">X</button> ซึ่งไม่ได้ให้ป้ายกำกับใด ๆ กับฉัน (ดังนั้นฉันถือว่าฉันเข้าใจความคิดผิด ๆ ) ฉันพยายามมันนี่ในjsfiddle ดังนั้นคำถามของฉันคือ: ทำไมฉันต้องการaria-labelและฉันจะใช้มันได้อย่างไร

321 html  assistive-technology 

ในVisual Studioฉันเห็นคำเตือนเหล่านี้: การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'cellpadding' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'table' การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'cellspacing' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'ตาราง' การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'valign' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'td' การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'จัดตำแหน่ง' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'td' หากพวกเขาไม่ใช่แอตทริบิวต์ที่ถูกต้องในHTML5สิ่งที่แทนที่พวกเขาใน CSS

320 html  css  visual-studio  css-tables 

ฉันมีหลายหน้าPHP ที่สะท้อนสิ่งต่าง ๆ ลงในหน้าHTMLด้วยรหัสต่อไปนี้ <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> อย่างไรก็ตามเมื่อฉันตรวจสอบโดยใช้ตัวตรวจสอบ W3Cมันมาพร้อมกับ: การเข้ารหัสอักขระที่ระบุในส่วนหัว HTTP (iso-8859-1) แตกต่างจากค่าในองค์ประกอบ (utf-8) ฉันค่อนข้างใหม่กับ PHP และฉันสงสัยว่าฉันควรและควรเปลี่ยนส่วนหัวสำหรับไฟล์ PHP ให้ตรงกับไฟล์ HTML หรือไม่

319 php  html  http-headers 

ฉันมีmailtoลิงค์ในเอกสาร HTML <a href="mailto:etc..."> ฉันสามารถแทรกเนื้อหาที่จัดรูปแบบ HTML ในmailto:ส่วนของได้hrefหรือไม่ <a href="mailto:me@me.com?subject=Me&body=<b>ME</b>">Mail me</a> โปรดทราบว่า (2016) ใน iOS สามารถเพิ่ม<i>และ<b>แท็กได้อย่างสมบูรณ์แบบเพื่อให้การจัดรูปแบบตัวเอียงและตัวหนาง่าย ๆ

319 html  email  mailto 

ฉันเล่นซอกับ WebGL เมื่อเร็ว ๆ นี้และได้รับผู้อ่าน Collada ทำงาน ปัญหาคือมันค่อนข้างช้า (Collada เป็นรูปแบบ verbose มาก) ดังนั้นฉันจะเริ่มแปลงไฟล์เป็นรูปแบบที่ใช้ง่ายขึ้น (อาจเป็น JSON) ฉันมีรหัสในการแยกวิเคราะห์ไฟล์ใน JavaScript แล้วดังนั้นฉันอาจใช้เป็นผู้ส่งออกของฉันด้วยเช่นกัน! ปัญหากำลังบันทึก ตอนนี้ฉันรู้ว่าฉันสามารถแยกไฟล์ส่งผลลัพธ์ไปยังเซิร์ฟเวอร์และให้เบราว์เซอร์ร้องขอไฟล์กลับจากเซิร์ฟเวอร์เพื่อดาวน์โหลด แต่ในความเป็นจริงแล้วเซิร์ฟเวอร์ไม่มีส่วนเกี่ยวข้องกับกระบวนการนี้ดังนั้นทำไมจึงมีส่วนร่วม ฉันมีเนื้อหาของไฟล์ที่ต้องการในหน่วยความจำแล้ว มีวิธีใดบ้างที่ฉันสามารถให้ผู้ใช้ดาวน์โหลดโดยใช้ JavaScript บริสุทธิ์? (ฉันสงสัยมัน แต่อาจถาม ... ) และชัดเจน: ฉันไม่พยายามเข้าถึงระบบไฟล์โดยที่ผู้ใช้ไม่รู้ตัว! ผู้ใช้จะให้ไฟล์ (อาจผ่านการลากและวาง) สคริปต์จะแปลงไฟล์ในหน่วยความจำและผู้ใช้จะได้รับแจ้งให้ดาวน์โหลดผลลัพธ์ ทั้งหมดนี้ควรเป็นกิจกรรม "ปลอดภัย" เท่าที่เกี่ยวข้องกับเบราว์เซอร์ [แก้ไข]:ฉันไม่ได้พูดถึงมันล่วงหน้าดังนั้นผู้โพสต์ที่ตอบว่า "Flash" นั้นถูกต้องเพียงพอ แต่ส่วนหนึ่งของสิ่งที่ฉันทำคือการพยายามเน้นสิ่งที่สามารถทำได้ด้วย HTML5 บริสุทธิ์ ... ดังนั้น Flash จึงเป็น ทันทีในกรณีของฉัน (แม้ว่ามันจะเป็นคำตอบที่ถูกต้องสมบูรณ์แบบสำหรับทุกคนที่ทำแอพพลิเคชั่นเว็บ "ของจริง") …

317 javascript  html  download 

แก้ไข - ชื่อเรื่อง:มีทางเลือกในการประสบความสำเร็จborder-collapse:collapseในCSS(ในการสั่งซื้อที่จะมีการยุบตารางมุมโค้งมน)? เนื่องจากปรากฎว่าการทำให้เส้นขอบของตารางยุบลงไม่สามารถแก้ปัญหารากได้ฉันจึงอัปเดตชื่อเพื่อให้สะท้อนการอภิปรายได้ดียิ่งขึ้น ฉันกำลังพยายามทำตารางที่มีมุมโค้งมนโดยใช้CSS3 border-radiusคุณสมบัติ รูปแบบตารางที่ฉันใช้มีลักษณะดังนี้: table { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px } นี่คือปัญหา ฉันต้องการตั้งค่าborder-collapse:collapseคุณสมบัติและเมื่อชุดนั้นborder-radiusไม่ทำงานอีกต่อไป มีวิธีตาม CSS ที่ฉันสามารถรับผลเช่นเดียวกับที่border-collapse:collapseไม่ใช้จริงหรือไม่ การแก้ไข: ฉันได้ทำหน้าง่าย ๆ เพื่อแสดงปัญหาที่นี่ (Firefox / Safari เท่านั้น) ดูเหมือนว่าปัญหาส่วนใหญ่คือการตั้งค่าตารางให้มีมุมมนไม่ส่งผลต่อมุมของtdองค์ประกอบมุม ถ้าตารางมีสีเดียวทั้งหมดนี่คงไม่ใช่ปัญหาเพราะฉันสามารถสร้างยอดและล่างtdกลมสำหรับแถวแรกและแถวสุดท้ายตามลำดับ อย่างไรก็ตามฉันใช้สีพื้นหลังที่แตกต่างกันสำหรับตารางเพื่อแยกความแตกต่างของส่วนหัวและสำหรับการสตริปดังนั้นtdองค์ประกอบภายในจะแสดงมุมโค้งมนของพวกเขาเช่นกัน สรุปโซลูชั่นที่นำเสนอ: การล้อมรอบโต๊ะด้วยองค์ประกอบอื่นที่มีมุมโค้งมนไม่ได้ผลเพราะมุมสี่เหลี่ยมของตาราง "มีเลือดออก" การระบุความกว้างของเส้นขอบเป็น 0 จะไม่ยุบตาราง tdมุมด้านล่างยังคงเป็นสี่เหลี่ยมจัตุรัสหลังจากกำหนดระยะห่างระหว่างเซลล์เป็นศูนย์ การใช้จาวาสคริปต์แทนทำได้โดยหลีกเลี่ยงปัญหา การแก้ปัญหาที่เป็นไปได้: ตารางถูกสร้างขึ้นใน PHP ดังนั้นฉันสามารถใช้คลาสที่แตกต่างกับแต่ละด้านนอก / tds และสไตล์แต่ละมุมแยกจากกัน ฉันไม่อยากทำสิ่งนี้เนื่องจากมันไม่ได้สวยงามมากและมีความเจ็บปวดเล็กน้อยที่จะนำไปใช้กับหลาย ๆ ตารางดังนั้นโปรดให้คำแนะนำต่อไป วิธีแก้ปัญหาที่เป็นไปได้ 2 คือใช้ …

317 html  css  rounded-corners  html-table 

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

316 html  css  mobile 

ฉันกำลังใช้ HTML5 กับเกมโปรแกรม อุปสรรคที่ฉันพบตอนนี้คือวิธีเล่นเอฟเฟกต์เสียง ข้อกำหนดเฉพาะมีจำนวนน้อย: เล่นและผสมเสียงหลาย ๆ เล่นตัวอย่างเดียวกันหลายครั้งอาจเล่นทับกัน ขัดจังหวะการเล่นตัวอย่างทุกจุด ควรเล่นไฟล์ WAV ที่มี PCM แบบดิบ (คุณภาพต่ำ) แต่ฉันสามารถแปลงไฟล์เหล่านี้ได้แน่นอน วิธีแรกของฉันคือการใช้<audio>องค์ประกอบHTML5 และกำหนดเอฟเฟกต์เสียงทั้งหมดในหน้าของฉัน Firefox เล่นไฟล์ WAV เพียงลูกพีช แต่การโทร#playหลายครั้งไม่ได้เล่นตัวอย่างหลาย ๆ ครั้ง จากความเข้าใจของฉันเกี่ยวกับข้อมูลจำเพาะ HTML5 <audio>องค์ประกอบยังติดตามสถานะการเล่นด้วยดังนั้นจึงอธิบายได้ว่าทำไม ความคิดฉับพลันของฉันคือการโคลนองค์ประกอบเสียงดังนั้นฉันจึงสร้างไลบรารี JavaScript ขนาดเล็กต่อไปนี้ขึ้นมาเพื่อทำสิ่งนั้นสำหรับฉัน (ขึ้นอยู่กับ jQuery): var Snd = { init: function() { $("audio").each(function() { var src = this.getAttribute('src'); if (src.substring(0, 4) !== …

316 javascript  html  html5-audio 

ฉันจะบรรลุโครงสร้างต่อไปนี้โดยไม่ใช้ตารางหรือ JavaScript ได้อย่างไร เส้นขอบสีขาวแสดงถึงขอบของ divs และไม่เกี่ยวข้องกับคำถาม ขนาดของพื้นที่ตรงกลางจะแตกต่างกันไป แต่จะมีค่าพิกเซลที่แน่นอนและโครงสร้างทั้งหมดควรปรับขนาดตามค่าเหล่านั้น หากต้องการทำให้มันง่ายขึ้นฉันต้องการวิธีตั้งค่าความกว้าง "100% - n px" ให้กับ div ด้านบนกลางและล่างกลาง ฉันขอขอบคุณโซลูชันข้ามเบราว์เซอร์ที่สะอาดตา แต่ในกรณีที่เป็นไปไม่ได้ CSS แฮ็กจะทำ นี่คือโบนัส โครงสร้างอื่นที่ฉันพยายามและจบลงด้วยการใช้ตารางหรือ JavaScript มันแตกต่างกันเล็กน้อย แต่แนะนำปัญหาใหม่ ฉันได้ใช้มันเป็นส่วนใหญ่ในระบบหน้าต่างที่ใช้ jQuery แต่ฉันต้องการที่จะไม่ใช้เลย์เอาต์ของสคริปต์และควบคุมขนาดขององค์ประกอบเดียวเท่านั้น (อันกลาง)

316 html  css  height  width 

ฉันต้องการรับค่าที่เลือกจากกลุ่มปุ่มตัวเลือก นี่คือ HTML ของฉัน: <div id="rates"> <input type="radio" id="r1" name="rate" value="Fixed Rate"> Fixed Rate <input type="radio" id="r2" name="rate" value="Variable Rate"> Variable Rate <input type="radio" id="r3" name="rate" value="Multi Rate" checked="checked"> Multi Rate </div> นี่คือ. js ของฉัน: var rates = document.getElementById('rates').value; var rate_value; if(rates =='Fixed Rate'){ rate_value = document.getElementById('r1').value; }else if(rates =='Variable …

316 javascript  html  radio-button 

เป็นไปได้ไหมที่จะนำเข้า CSS สไตล์ชีทไปยังหน้า html โดยใช้ Javascript ถ้าเป็นเช่นนั้นจะทำอย่างไร? PS จาวาสคริปต์จะถูกโฮสต์ในเว็บไซต์ของฉัน แต่ฉันต้องการให้ผู้ใช้สามารถใส่<head>แท็กของเว็บไซต์ของพวกเขาและมันควรจะสามารถนำเข้าไฟล์ css ที่โฮสต์บนเซิร์ฟเวอร์ของฉันลงในหน้าเว็บปัจจุบัน (ทั้งไฟล์ css และไฟล์จาวาสคริปต์จะโฮสต์บนเซิร์ฟเวอร์ของฉัน)

316 javascript  html  css  dhtml 

ฉันกำลังพยายามตั้งค่ารูปแบบ flexbox ด้วยสามคอลัมน์ที่คอลัมน์ด้านซ้ายและขวามีความกว้างคงที่และคอลัมน์กลางจะงอเพื่อเติมเต็มพื้นที่ว่าง แม้จะมีการตั้งค่าขนาดสำหรับคอลัมน์ แต่ดูเหมือนว่าจะลดลงเมื่อหน้าต่างย่อขนาดลง ใครรู้วิธีการทำเช่นนี้? สิ่งเพิ่มเติมที่ฉันต้องทำคือซ่อนคอลัมน์ด้านขวาตามการโต้ตอบของผู้ใช้ในกรณีนี้คอลัมน์ด้านซ้ายจะยังคงความกว้างคงที่ แต่คอลัมน์กลางจะเติมส่วนที่เหลือของพื้นที่ #container { display: flex; justify-content: space-around; align-items: stretch; max-width: 1200px; } .column.left { width: 230px; } .column.right { width: 230px; border-left: 1px solid #eee; } .column.center { border-left: 1px solid #eee; } <div id="container"> <div class="column left"> <p>Anxiety was a blog series …

316 html  css  flexbox 

ฉันมี html ต่อไปนี้ <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> และรูปแบบดังต่อไปนี้: DIV.section DIV:first-child { ... } ด้วยเหตุผลบางอย่างที่ผมไม่เข้าใจว่ารูปแบบจะได้รับนำไปใช้กับ"เนื้อหาย่อย 1" <div>เช่นเดียวกับ"หัว" <div> ฉันคิดว่าตัวเลือกเกี่ยวกับสไตล์จะใช้กับลูกโดยตรงคนแรกของ div ที่มีคลาสที่เรียกว่า "ส่วน" ฉันจะเปลี่ยนตัวเลือกเพื่อให้ได้สิ่งที่ต้องการได้อย่างไร

315 html  css  css-selectors 

ฉันพยายามสร้างภาพขนาดย่อทางฝั่งไคลเอ็นต์โดยใช้จาวาสคริปต์และองค์ประกอบผ้าใบ แต่เมื่อฉันลดขนาดรูปภาพลงมันดูแย่มาก ดูเหมือนว่ามันจะลดขนาดใน Photoshop ด้วยชุด resampling เป็น 'เพื่อนบ้านที่ใกล้ที่สุด' แทน Bicubic ฉันรู้ว่ามันเป็นไปได้ที่จะทำให้สิ่งนี้ดูถูกต้องเพราะไซต์นี้สามารถทำได้โดยใช้ Canvas เช่นกัน ฉันพยายามใช้รหัสเดียวกันกับที่พวกเขาทำตามที่แสดงในลิงก์ "[แหล่งที่มา]" แต่มันก็ดูแย่มาก มีบางอย่างที่ฉันขาดหายไปการตั้งค่าบางอย่างที่จำเป็นต้องตั้งค่าหรือบางอย่าง แก้ไข: ฉันพยายามปรับขนาด jpg ฉันลองปรับขนาด jpg เดียวกันบนเว็บไซต์ที่เชื่อมโยงและใน photoshop และมันก็ดูดีเมื่อลดขนาด นี่คือรหัสที่เกี่ยวข้อง: reader.onloadend = function(e) { var img = new Image(); var ctx = canvas.getContext("2d"); var canvasCopy = document.createElement("canvas"); var copyContext = canvasCopy.getContext("2d"); img.onload = function() …

314 javascript  html  canvas  image-resizing 

พิจารณาสิ่งต่อไปนี้: <div onclick="alert('you clicked the header')" class="header"> <span onclick="alert('you clicked inside the header');">something inside the header</span> </div> ฉันจะทำให้มันเป็นแบบนั้นได้อย่างไรเมื่อผู้ใช้คลิกที่สแปนมันจะไม่เริ่มการdivคลิกของเหตุการณ์

313 javascript  html  events  dom