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

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

21
ภาพพื้นหลังจะกระโดดเมื่อแถบที่อยู่ซ่อน iOS / Android / Mobile Chrome
ฉันกำลังพัฒนาเว็บไซต์ที่ตอบสนองโดยใช้ Twitter Bootstrap ไซต์นี้มีภาพพื้นหลังแบบเต็มหน้าจอในอุปกรณ์เคลื่อนที่ / แท็บเล็ต / เดสก์ท็อป ภาพเหล่านี้หมุนและจางหายไปโดยใช้สอง divs มันเกือบจะสมบูรณ์แบบยกเว้นเรื่องเดียว การใช้ iOS Safari, เบราว์เซอร์ Android หรือ Chrome บน Android พื้นหลังจะกระโดดเล็กน้อยเมื่อผู้ใช้เลื่อนหน้าลงและทำให้แถบที่อยู่ซ่อน เว็บไซต์อยู่ที่นี่: http://lt2.daveclarke.me/ ไปที่อุปกรณ์พกพาแล้วเลื่อนลงและคุณจะเห็นภาพมีขนาด / ย้าย รหัสที่ฉันใช้สำหรับพื้นหลัง DIV มีดังนี้: #bg1 { background-color: #3d3d3f; background-repeat:no-repeat; background-attachment:fixed; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; width:100%; height:100%; left:0px; top:0px; …
6
คุณลักษณะข้อมูลที่กำหนดเองของ HTML5“ ทำงาน” ใน IE 6 หรือไม่
แอตทริบิวต์ข้อมูลที่กำหนดเอง: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data เมื่อฉันพูดว่า "ทำงาน" ฉันหมายถึงถ้าฉันมี HTML เช่นนี้: <div id="geoff" data-geoff="geoff de geoff"> จะใช้ JavaScript ต่อไปนี้: var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff); ผลิตใน IE 6 การแจ้งเตือนด้วย "geoff de geoff" ในนั้น?
6
เหตุใด Chrome จึงระบุหน้าเว็บไม่ถูกต้องในภาษาอื่นและเสนอให้แปล
คุณลักษณะการแปลอัตโนมัติของ Google Chrome ใหม่จะเพิ่มขึ้นเป็นหนึ่งหน้าในแอปพลิเคชันของเรา เมื่อใดก็ตามที่เราไปยังหน้านี้ Chrome จะบอกเราว่าหน้านั้นอยู่ในเดนมาร์กและมีข้อเสนอให้แปล หน้าเป็นภาษาอังกฤษเหมือนกับทุก ๆ หน้าในแอพของเรา หน้านี้โดยเฉพาะคือหน้าทดสอบภายในที่มีเขตข้อมูลแบบฟอร์มไม่กี่โหลพร้อมป้ายชื่อภาษาอังกฤษ ฉันไม่รู้ว่าทำไม Chrome จึงคิดว่าหน้านี้เป็นภาษาเดนมาร์ก ใครบ้างมีความเข้าใจอย่างถ่องแท้ว่าคุณลักษณะการตรวจจับภาษานี้ทำงานอย่างไรและฉันจะทราบได้อย่างไรว่าอะไรทำให้ Chrome คิดว่าหน้าเว็บเป็นภาษาเดนมาร์ก
18
บังคับให้เปิดป๊อปอัพ“ บันทึกเป็น…” เปิดที่ลิงค์ข้อความคลิกสำหรับ PDF ใน HTML
ฉันมีแคตตาล็อก PDF ขนาดใหญ่ที่เว็บไซต์ของฉันและฉันต้องการลิงค์เหล่านี้เป็นการดาวน์โหลด เมื่อ googled ฉันพบสิ่งดังกล่าวด้านล่าง ควรเปิดป๊อปอัป" บันทึกเป็น ... " ที่ลิงก์คลิก ... <head> <meta name="content-disposition" content="inline; filename=filename.pdf"> ... แต่มันใช้งานไม่ได้: / เมื่อฉันลิงก์ไปยังไฟล์ดังต่อไปนี้มันเป็นเพียงลิงก์ไปยังไฟล์และพยายามเปิดไฟล์ <a href="filename.pdf" title="Filie Name">File name</a> อัปเดต (ตามคำตอบด้านล่าง): อย่างที่ฉันเห็นไม่มีโซลูชันข้ามเบราว์เซอร์ที่เชื่อถือได้ 100% สำหรับสิ่งนี้ อาจเป็นวิธีที่ดีที่สุดในการใช้บริการเว็บอย่างใดอย่างหนึ่งที่ระบุไว้ด้านล่างและให้ลิงค์ดาวน์โหลด ... http://box.net/ http://droplr.com/ http://getcloudapp.com/
6
มีวิธีการห่อคำยาว ๆ ใน div หรือไม่?
ฉันรู้ว่า Internet Explorer มีรูปแบบการตัดคำ แต่ฉันต้องการทราบว่ามีวิธีการข้ามเบราว์เซอร์ในการทำข้อความใน div หรือไม่ เฉพาะ CSS แต่ตัวอย่างโค้ด JavaScript ก็ใช้ได้เช่นกัน แก้ไข: ใช่หมายถึงสายยาวไชโยคน!
173 css  html  word-wrap 
17
ข้อผิดพลาดในการแยกวิเคราะห์: ข้อผิดพลาดทางไวยากรณ์จุดสิ้นสุดของไฟล์ที่ไม่คาดคิดในรหัส PHP ของฉัน
ฉันพบข้อผิดพลาด: Parse error: syntax error, unexpected end of file in the line ด้วยรหัสนี้: <html> <?php function login() { // Login function code } if (login()) {?> <h2>Welcome Administrator</h2> <a href=\"upload.php\">Upload Files</a> <br /> <a href=\"points.php\">Edit Points Tally</a> <?php} else { echo "Incorrect login details. Please login"; } ?> Some more …
173 php  html  parse-error 
16
วิธีการตรวจหา Ctrl + V, Ctrl + C โดยใช้ JavaScript?
วิธีตรวจจับctrl+ v, ctrl+ cโดยใช้ Javascript ฉันต้องการ จำกัด การวางข้อความใน textareas ของฉันผู้ใช้ไม่ควรคัดลอกและวางเนื้อหาผู้ใช้ควรพิมพ์ข้อความใน textarea เท่านั้น ทำอย่างไรจึงจะได้สิ่งนี้?
173 javascript  jquery  html 
9
jQuery $ (“ # radioButton”). change (…) ไม่ทำการยิงระหว่างการยกเลิกการเลือก
ประมาณหนึ่งเดือนที่ผ่านมาคำถามของ Mitt ยังไม่ได้รับคำตอบ น่าเศร้าที่ฉันกำลังตกอยู่ในสถานการณ์เดียวกันตอนนี้ http://api.jquery.com/change/#comment-133939395 นี่คือสถานการณ์: ฉันใช้ jQuery เพื่อบันทึกการเปลี่ยนแปลงในปุ่มตัวเลือก เมื่อเลือกปุ่มตัวเลือกฉันจะเปิดใช้งานกล่องแก้ไข เมื่อยกเลิกการเลือกปุ่มตัวเลือกฉันต้องการให้กล่องแก้ไขถูกปิดใช้งาน การเปิดใช้งานใช้งานได้ เมื่อฉันเลือกปุ่มตัวเลือกอื่นในกลุ่มchangeเหตุการณ์จะไม่เริ่มทำงาน ไม่มีใครรู้วิธีการที่จะแก้ไขปัญหานี้? <input type="radio" id="r1" name="someRadioGroup"/> <script type="text/javascript"> $("#r1").change(function () { if ($("#r1").attr("checked")) { $('#r1edit:input').removeAttr('disabled'); } else { $('#r1edit:input').attr('disabled', true); } }); </script>
30
วิธีลบลูกศรออกจากองค์ประกอบที่เลือกใน Firefox
ฉันพยายามจัดแต่งselectองค์ประกอบโดยใช้ CSS3 ฉันได้รับผลลัพธ์ที่ฉันต้องการใน WebKit (Chrome / Safari) แต่ Firefox ไม่ได้เล่นได้ดี (ฉันไม่ได้รำคาญกับ IE) ฉันใช้appearanceคุณสมบัติCSS3 แต่ด้วยเหตุผลบางอย่างฉันไม่สามารถเขย่าไอคอนดรอปดาวน์จาก Firefox นี่คือตัวอย่างของสิ่งที่ฉันทำ: http://jsbin.com/aniyu4/2/edit #dropdown { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent url('example.png') no-repeat right center; padding: 2px 30px 2px 2px; border: none; } อย่างที่คุณเห็นฉันไม่ได้พยายามทำอะไรที่แฟนซี ฉันต้องการลบสไตล์เริ่มต้นและเพิ่มลูกศรดรอปดาวน์ของฉันเอง อย่างที่ฉันบอกว่ายอดเยี่ยมใน WebKit ไม่ยอดเยี่ยมใน Firefox เห็นได้ชัดว่าสิ่งที่-moz-appearance: noneไม่กำจัดรายการแบบหล่นลง ความคิดใด ๆ ไม่จาวาสคริปต์ไม่ใช่ตัวเลือก
172 html  firefox  css 
14
Bootstrap พ่นข้อผิดพลาดที่ไม่ได้ตรวจ: JavaScript ของ Bootstrap ต้องการ jQuery [ปิด]
ปิด. คำถามนี้ต้องการรายละเอียดการแก้จุดบกพร่อง ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันพยายามใช้ Bootstrap เพื่อสร้างอินเตอร์เฟสสำหรับโปรแกรม ฉันเพิ่ม jQuery 1.11.0 ไปยัง<head>แท็กและคิดว่าเป็นเช่นนั้น แต่เมื่อฉันเปิดหน้าเว็บในเบราว์เซอร์ jQuery รายงานข้อผิดพลาด: Uncaught Error: Bootstrap's JavaScript requires jQuery ฉันได้ลองใช้ jQuery 1.9.0 ฉันได้ลองกับสำเนาที่โฮสต์ใน CDN หลายแห่ง แต่ฉันไม่สามารถใช้งานได้ ใครช่วยชี้สิ่งที่ฉันทำผิดได้ไหม
15
Div ความสูง 100% และขยายเพื่อให้พอดีกับเนื้อหา
ฉันมีองค์ประกอบ div ในหน้าของฉันโดยตั้งความสูงไว้ที่ 100% ความสูงของร่างกายนั้นตั้งไว้ที่ 100% div ภายในมีพื้นหลังและทั้งหมดนั้นและแตกต่างจากพื้นหลังของร่างกาย วิธีนี้ใช้สำหรับสร้าง div div 100% ของความสูงของหน้าจอเบราว์เซอร์ แต่ปัญหาคือฉันมีเนื้อหาภายใน div ที่ขยายในแนวตั้งเกินความสูงของหน้าจอเบราว์เซอร์ เมื่อฉันเลื่อนลง div จะสิ้นสุดที่จุดที่คุณต้องเริ่มเลื่อนหน้า แต่เนื้อหาล้นเกินกว่านั้น ฉันจะทำให้ div ไปทางด้านล่างเพื่อให้พอดีกับเนื้อหาภายในได้อย่างไร นี่เป็น CSS ที่เรียบง่ายของฉัน: body { height:100%; background:red; } #some_div { height:100%; background:black; } เมื่อฉันเลื่อนหน้าความมืดจะสิ้นสุดลงและเนื้อหาจะไหลลงบนพื้นหลังสีแดง ดูเหมือนว่าไม่สำคัญว่าฉันจะตั้งค่า positon ให้สัมพันธ์หรือสัมบูรณ์บน #some_div ปัญหาจะเกิดขึ้นด้วยวิธีใดก็ตาม เนื้อหาภายใน #some_div ส่วนใหญ่อยู่ในตำแหน่งที่แน่นอนและสร้างขึ้นแบบไดนามิกจากฐานข้อมูลเพื่อไม่ให้ทราบความสูงล่วงหน้า แก้ไข: นี่คือภาพหน้าจอของปัญหา:
172 css  html  height  overflow 
12
ใช้แอตทริบิวต์ HTML5“ ต้องมี” สำหรับกลุ่มของช่องทำเครื่องหมายหรือไม่?
เมื่อใช้เบราว์เซอร์ใหม่ที่รองรับ HTML5 (FireFox 4 เป็นต้น); และเขตข้อมูลฟอร์มมีแอตทริบิวต์required='required'; และเขตข้อมูลฟอร์มว่าง / ว่างเปล่า และคลิกปุ่มส่ง เบราว์เซอร์ตรวจพบว่าช่อง "จำเป็น" ว่างเปล่าและไม่ได้ส่งแบบฟอร์ม; เบราว์เซอร์จะแสดงคำใบ้ที่ขอให้ผู้ใช้พิมพ์ข้อความลงในฟิลด์แทน ตอนนี้แทนที่จะมีฟิลด์ข้อความเดียวฉันมีกลุ่มของช่องทำเครื่องหมายซึ่งต้องมีการตรวจสอบ / เลือกอย่างน้อยหนึ่งรายการโดยผู้ใช้ ฉันจะใช้requiredคุณสมบัติHTML5 ในช่องทำเครื่องหมายกลุ่มนี้ได้อย่างไร (เนื่องจากต้องทำเครื่องหมายที่ช่องเดียวเท่านั้นฉันจึงไม่สามารถใส่requiredแอตทริบิวต์ในแต่ละช่องทำเครื่องหมายได้) PS ฉันกำลังใช้simple_formถ้ามันสำคัญ UPDATE อาจHTML 5 multipleแอตทริบิวต์จะเป็นประโยชน์ต่อที่นี่? มีใครใช้ก่อนทำสิ่งที่คล้ายกับคำถามของฉัน UPDATE มันปรากฏว่าคุณลักษณะนี้จะไม่ได้รับการสนับสนุนจากสเปค HTML5 นี้: ISSUE-111: สิ่งที่ไม่จำเป็นต้องใช้การป้อนข้อมูล @ เฉลี่ยสำหรับ @type = ช่องทำเครื่องหมาย. (สถานะปัญหา: ปัญหาที่ถูกทำเครื่องหมายปิดโดยปราศจากอคติ. ) และนี่คือคำอธิบาย อัพเดท 2 มันเป็นคำถามเก่า แต่ต้องการชี้แจงว่าเจตนาดั้งเดิมของคำถามนั้นสามารถทำได้โดยไม่ต้องใช้ Javascript - เช่นใช้ HTML5 …
5
ใน HTML5 วัตถุ localStorage ถูกแยกออกต่อหน้า / โดเมนหรือไม่
วัตถุ HTML5 localStorage แยกได้ต่อหน้า / โดเมนหรือไม่ ฉันสงสัยเพราะฉันจะตั้งชื่อคีย์ localStorage ได้อย่างไร ฉันต้องการคำนำหน้าแยกต่างหากหรือไม่ หรือฉันจะตั้งชื่อพวกเขาในสิ่งที่ฉันต้องการ?
15
ความแตกต่างระหว่าง SRC และ HREF
SRCและHREFแอตทริบิวต์ที่ใช้ในการรวมหน่วยงานภายนอกเช่นบางภาพไฟล์ CSS เป็นไฟล์ HTML, หน้าเว็บอื่น ๆ หรือไฟล์ JavaScript มีความแตกต่างที่ชัดเจนระหว่างSRCและHREF? ที่ไหนหรือเมื่อไหร่ที่จะใช้SRCหรือHREF? ฉันคิดว่าพวกเขาไม่สามารถใช้แทนกันได้ ฉันให้ตัวอย่างด้านล่างนี้ซึ่งมีการใช้คุณลักษณะเหล่านี้: หากต้องการอ้างถึงไฟล์ CSS: href="cssfile.css"ภายในแท็กลิงก์ ในการอ้างถึงไฟล์ JS: src="myscript.js"ภายในแท็กสคริปต์ ในการอ้างถึงไฟล์ภาพ: src="mypic.jpg"ภายในแท็กรูปภาพ หากต้องการอ้างอิงหน้าเว็บอื่น: href="http://www.webpage.com"ภายในแท็กจุดยึด
172 html 
21
องค์ประกอบเคลื่อนไหวถึงความสูงอัตโนมัติด้วย jQuery
ฉันต้องการให้เคลื่อนไหว<div>จาก200pxการautoสูง ฉันไม่สามารถทำงานได้ ไม่มีใครรู้ได้อย่างไร นี่คือรหัส: $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.