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

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

5
การใช้ Position Relative / Absolute ภายใน TD?
ฉันมีรหัสต่อไปนี้: <td style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; bottom: 0px;"> Notice </div> </td> สิ่งนี้ใช้ไม่ได้เลย ด้วยเหตุผลบางประการตำแหน่ง: คำสั่งสัมพัทธ์ไม่ถูกอ่านบน TD และการแจ้งเตือน DIV ถูกวางไว้นอกคอนเทนเนอร์เนื้อหาที่ด้านล่างของหน้าของฉัน ฉันได้พยายามใส่เนื้อหาทั้งหมดของ TD ลงใน DIV เช่น: <td> <div style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table …

8
ข้อความเริ่มต้นซึ่งจะไม่ปรากฏในรายการแบบเลื่อนลง
ฉันมีรายการselectที่แสดงเลือกภาษาในตอนแรกจนกว่าผู้ใช้จะเลือกภาษา เมื่อผู้ใช้เปิดการเลือกฉันไม่ต้องการให้แสดงตัวเลือกเลือกภาษาเพราะไม่ใช่ตัวเลือกจริง ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร?
108 html  html-select 

11
วิธีการเปลี่ยนกลับไปใช้สไตล์ชีตภายใน (ไม่ใช่สคริปต์) หาก CDN ล้มเหลว
ฉันกำลังเชื่อมโยงกับสไตล์ชีต jQuery Mobile บน CDN และต้องการกลับไปใช้สไตล์ชีทเวอร์ชันท้องถิ่นของฉันหาก CDN ล้มเหลว สำหรับสคริปต์โซลูชันเป็นที่รู้จักกันดี: <!-- Load jQuery and jQuery mobile with fall back to local server --> <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='jquery-1.6.3.min.js'%3E")); } </script> ฉันต้องการทำสิ่งที่คล้ายกันสำหรับสไตล์ชีต: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> ฉันไม่แน่ใจว่าจะสามารถใช้แนวทางที่คล้ายกันได้หรือไม่เพราะฉันไม่แน่ใจว่าเบราว์เซอร์บล็อกในลักษณะเดียวกันหรือไม่เมื่อเชื่อมโยงสคริปต์เหมือนกับที่ทำเมื่อโหลดสคริปต์ (อาจเป็นไปได้ที่จะโหลดสไตล์ชีตในแท็กสคริปต์แล้ว ฉีดเข้าไปในหน้า)? ดังนั้นคำถามของฉันคือ: ฉันจะแน่ใจได้อย่างไรว่าสไตล์ชีตถูกโหลดในเครื่องหาก CDN ล้มเหลว

18
ฉันจะปิดการใช้งานลิงก์ href ใน JavaScript ได้อย่างไร
ฉันมีแท็ก<a href="#"> Previous </a> 1 2 3 4 <a href="#"> Next </a>และในบางเงื่อนไขฉันต้องการให้แท็กนี้ถูกปิดใช้งานโดยสิ้นเชิง รหัสจากความคิดเห็น (นี่คือวิธีสร้างลิงค์) if (n_index != n_pages) a = a+'<li><a href="#" onclick="javascript:paginateAjaxPage('+(n_index+1) +','+stype+');">></a></li><li><a href="#" onclick="javascript:paginateAjaxPage('+n_pages+','+stype+');" >>></a></li>'; else a = a+'<li><a style="cursor: pointer;" onclick="return false;">></a></li><li><a style="cursor: pointer;" onclick="return false" >>></a></li>'; a = a+'</ul></div>';
108 javascript  html 

3
การใช้ ngIf โดยไม่มีองค์ประกอบพิเศษใน Angular 2
ฉันสามารถใช้ngIfโดยไม่มีองค์ประกอบคอนเทนเนอร์เพิ่มเติมได้หรือไม่ <tr *ngFor="..."> <div *ngIf="..."> ... </div> <div *ngIf="!..."> ... </div> </tr> ไม่ทำงานในตารางเนื่องจากจะทำให้ HTML ไม่ถูกต้อง
108 html  templates  angular 

1
เส้นขอบรอบองค์ประกอบ tr ไม่แสดง?
ดูเหมือนว่า Chrome / Firefox ไม่ทำให้เส้นขอบบนแต่มันทำให้ชายแดนถ้าเลือกเป็นtrtable tr td ฉันจะตั้งค่าเส้นขอบบน tr ได้อย่างไร การลองของฉันไม่ได้ผล: table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr> </tbody> </table> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด http://jsfiddle.net/edi9999/VzPN2/ นี่เป็นคำถามที่คล้ายกัน: ตั้งค่าเส้นขอบเป็นตาราง tr ทำงานได้ทุกอย่างยกเว้น IE 6 และ 7แต่ดูเหมือนว่าจะใช้ได้ทุกที่ยกเว้น IE
108 html  css  html-table 

4
วิธีเพิ่มรูปภาพลงในแคนวาส
ฉันกำลังทดลองกับองค์ประกอบผ้าใบใหม่ใน HTML ฉันแค่ต้องการเพิ่มรูปภาพลงในผืนผ้าใบ แต่ไม่ได้ผลด้วยเหตุผลบางประการ ฉันมีรหัสต่อไปนี้: HTML <canvas id="viewport"></canvas> CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); function make_base() { base_image = new Image(); base_image.src = 'img/base.png'; context.drawImage(base_image, 100, 100); } มีรูปภาพอยู่และฉันไม่พบข้อผิดพลาดของ JavaScript ภาพไม่ปรากฏ มันต้องเป็นอะไรที่เรียบง่ายจริงๆที่ฉันพลาด ...
108 javascript  html  canvas 


19
วิธีโฮสต์ไอคอนวัสดุออฟไลน์
ขออภัยหากนี่เป็นคำถามง่ายๆ แต่คุณจะใช้ไอคอนวัสดุของ Google ได้อย่างไรโดยไม่มีไฟล์ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> เหรอ? ฉันต้องการให้แอปของฉันสามารถแสดงไอคอนได้แม้ว่าผู้ใช้จะไม่ได้เชื่อมต่ออินเทอร์เน็ตก็ตาม

10
จะเล่นเสียงแจ้งเตือนบนเว็บไซต์ได้อย่างไร?
เมื่อเกิดเหตุการณ์บางอย่างขึ้นฉันต้องการให้เว็บไซต์ของฉันส่งเสียงแจ้งเตือนสั้น ๆ ให้กับผู้ใช้ เสียงไม่ควรเริ่มอัตโนมัติ (ทันที) เมื่อเปิดเว็บไซต์ แต่ควรเล่นตามความต้องการผ่าน JavaScript (เมื่อเหตุการณ์นั้นเกิดขึ้น) สิ่งสำคัญคือต้องใช้งานได้กับเบราว์เซอร์รุ่นเก่าด้วย (IE6 เป็นต้น) ดังนั้นโดยทั่วไปมีสองคำถาม: ฉันควรใช้ตัวแปลงสัญญาณอะไร แนวทางปฏิบัติที่ดีที่สุดในการฝังไฟล์เสียงคืออะไร ( <embed>เทียบ<object>กับแฟลชเทียบกับ<audio>)

4
ลบช่องว่างภายในสตริงในจาวาสคริปต์
ฉันได้อ่านคำถามนี้เกี่ยวกับการตัดแต่งจาวาสคริปต์พร้อมคำตอบ regex จากนั้นฉันคาดว่าการตัดแต่งจะลบช่องว่างด้านในระหว่าง Hello และ World function myFunction() { alert("Hello World ".trim()); } แก้ไข ทำไมฉันถึงคาดหวังแบบนั้น!? ไร้สาระ! เห็นได้ชัดว่าการตัดแต่งไม่ได้ลบช่องว่างด้านใน! เฉพาะส่วนที่นำหน้าและต่อท้ายนั่นคือวิธีการตัดแต่งนี่เป็นคำถามที่ผิดมากขอโทษของฉัน
108 javascript  html  trim 

6
วิธีการวนซ้ำอย่างถูกต้องผ่าน getElementsByClassName
ฉันเป็นมือใหม่ Javascript ฉันกำลังเข้าสู่หน้าเว็บผ่านทางwindow.onloadฉันต้องหาองค์ประกอบจำนวนมากตามชื่อคลาส ( slide) และแจกจ่ายใหม่เป็นโหนดต่างๆตามตรรกะบางอย่าง ฉันมีฟังก์ชันDistribute(element)ที่รับองค์ประกอบเป็นอินพุตและทำการกระจาย ฉันต้องการทำสิ่งนี้ (ตามที่อธิบายไว้ที่นี่หรือที่นี่ ): var slides = getElementsByClassName("slide"); for(var i = 0; i < slides.length; i++) { Distribute(slides[i]); } อย่างไรก็ตามสิ่งนี้ไม่ได้ทำเวทมนตร์ให้ฉันเพราะgetElementsByClassNameไม่ได้ส่งคืนอาร์เรย์ แต่ a NodeListซึ่งก็คือ ... ... นี่คือการคาดเดาของฉัน ... ... กำลังเปลี่ยนแปลงภายในฟังก์ชันDistribute(ทรี DOM กำลังถูกเปลี่ยนแปลงภายในฟังก์ชันนี้และการโคลนโหนดบางโหนดจะเกิดขึ้น) For-eachโครงสร้างลูปก็ไม่ช่วยเช่นกัน การกระทำของสไลด์ตัวแปรนั้นไม่สามารถกำหนดได้จริง ๆ ทุกครั้งที่การทำซ้ำจะเปลี่ยนความยาวและลำดับขององค์ประกอบอย่างรุนแรง วิธีที่ถูกต้องในการวนซ้ำผ่าน NodeList ในกรณีของฉันคืออะไร? ฉันกำลังคิดเกี่ยวกับการเติมอาร์เรย์ชั่วคราว แต่ไม่แน่ใจว่าจะทำอย่างไร ... แก้ไข: ความจริงที่สำคัญฉันลืมที่จะพูดถึงก็คือว่ามีอาจจะเป็นหนึ่งสไลด์ภายในอื่นนี้เป็นจริงสิ่งที่เปลี่ยนแปลงslidesตัวแปรที่ผมได้พบเพียงแค่ออกขอบคุณให้กับผู้ใช้Alohci วิธีแก้ปัญหาสำหรับฉันคือการโคลนแต่ละองค์ประกอบลงในอาร์เรย์ก่อนและส่งอาร์เรย์ทีละรายการไปในDistribute()ภายหลัง
108 javascript  html  dom 

5
Vue.js ได้รับตัวเลือกที่เลือกใน @change
ก่อนอื่นฉันอยากจะบอกว่าฉันยังใหม่กับ Vue และนี่เป็นโครงการแรกของฉันที่เคยใช้ Vue ฉันมีคอมโบบ็อกซ์และฉันต้องการทำอะไรบางอย่างที่แตกต่างจากคอมโบบ็อกซ์ที่เลือก ฉันใช้ไฟล์ vue.html และ typescript แยกกัน นี่คือรหัสของฉัน <select name="LeaveType" @change="onChange()" class="form-control"> <option value="1">Annual Leave/ Off-Day</option> <option value="2">On Demand Leave</option> </select> และนี่คือไฟล์ ts ของฉัน onChange(value) { console.log(value); } วิธีรับค่าตัวเลือกที่เลือกในฟังก์ชัน typescript ของฉัน ขอบคุณ.

15
สถานะปัจจุบันของไลบรารี JavaScript และเฟรมเวิร์กของผ้าใบ HTML เป็นอย่างไร [ปิด]
ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบได้ด้วยข้อเท็จจริงและการอ้างอิงโดยแก้ไขโพสต์นี้ ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังตรวจสอบตัวเลือกสำหรับการทำงานกับแคนวาสในแอปพลิเคชัน HTML 5 ใหม่และสงสัยว่าสถานะปัจจุบันของไลบรารี JavaScript และเฟรมเวิร์กของผ้าใบ HTML เป็นอย่างไร โดยเฉพาะอย่างยิ่งมีเฟรมเวิร์กที่รองรับประเภทของสิ่งที่จำเป็นสำหรับการพัฒนาเกมเช่นแอนิเมชั่นที่ซับซ้อนการจัดการกราฟฉากการจัดการเหตุการณ์และการโต้ตอบของผู้ใช้หรือไม่? นอกจากนี้ยังยินดีที่จะพิจารณาผลิตภัณฑ์ทั้งเชิงพาณิชย์และโอเพ่นซอร์ส

3
ตอนนี้ใช้ <input type =“ tel” /> ได้หรือไม่
ผมทำงานใน app &lt;input type="tel"/&gt;เว็บโทรศัพท์มือถือและฉันมีช่องข้อความหลายอย่างที่จะได้ประโยชน์จาก iPhone จะปรับแป้นพิมพ์สำหรับผู้ใช้ แต่ฉันกังวลเกี่ยวกับความเข้ากันได้แบบย้อนกลับ สิ่งที่ฉันหวังคือเบราว์เซอร์ / โทรศัพท์ที่รองรับสิ่งนี้สามารถช่วยเหลือผู้ใช้และเบราว์เซอร์อื่น ๆ จะถอยกลับไปที่ช่องข้อความมาตรฐาน? นี่เป็นวิธีปฏิบัติที่ยอมรับได้หรือไม่? มันใช้งานได้หรือไม่?

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