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

ฉันมีเอกสาร HTML ที่ยาวและซ้อนกันมากซึ่งฉันต้องหาแท็กปิดอย่างรวดเร็ว ฉันจะทำเช่นนี้ได้อย่างไร?

131 html  sublimetext 

เพื่อลดจำนวนคำขอบนเซิร์ฟเวอร์ฉันได้ฝังรูปภาพ (PNG & SVG) เป็น BASE64 ลงใน css โดยตรง (อัตโนมัติในกระบวนการสร้าง) แบบนี้: background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...); นี่เป็นแนวทางปฏิบัติที่ดีหรือไม่? มีเหตุผลบางประการที่ควรหลีกเลี่ยงสิ่งนี้หรือไม่? มีเบราว์เซอร์หลักบางตัวที่ไม่รองรับ data url หรือไม่? คำถามโบนัส: การทำเช่นนี้กับ CSS & JS ยังสมเหตุสมผลหรือไม่

131 html  css  base64 

มีวิธีเริ่มต้นในการวาดไฟล์ SVG ลงบนผืนผ้าใบ HTML5 หรือไม่ Google Chrome รองรับการโหลด SVG เป็นรูปภาพ (และใช้งานง่าย ๆdrawImage) แต่คอนโซลนักพัฒนาซอฟต์แวร์เตือนสิ่งresource interpreted as image but transferred with MIME type image/svg+xmlนั้น ฉันรู้ว่ามีความเป็นไปได้ที่จะแปลง SVG เป็นคำสั่ง canvas (เช่นในคำถามนี้ ) แต่ฉันหวังว่าจะไม่จำเป็น ฉันไม่สนใจเบราว์เซอร์รุ่นเก่า (ดังนั้นถ้า FireFox 4 และ IE 9 จะรองรับบางอย่างก็เพียงพอแล้ว)

131 html  canvas  svg 

สรุป เราไม่สามารถเข้าถึงกล้องจากเว็บแอปบนหน้าจอหลักของ iOS11 (รุ่นสาธารณะ) โดยใช้ WebRTC หรือการป้อนไฟล์ตามรายละเอียดด้านล่าง ผู้ใช้ของเราจะเข้าถึงกล้องต่อไปได้อย่างไร? เราให้บริการหน้าเว็บแอปผ่าน https อัปเดตเมษายน ดูเหมือนว่าการเปิดตัว iOS 11.3 แบบสาธารณะจะได้รับการแก้ไขปัญหาและการเข้าถึงกล้องที่ป้อนไฟล์ก็ใช้งานได้อีกครั้ง! อัปเดตมีนาคม ตามที่ผู้คนที่นี่กล่าวว่าเอกสารของ Apple แนะนำให้ฟังก์ชั่นกล้องของเว็บแอปจะกลับมาใน 11.3 พร้อมกับพนักงานบริการ นี่เป็นสิ่งที่ดี แต่เรายังไม่แน่ใจว่าเราต้องการให้ทุกคนติดตั้งใหม่อีกครั้งจนกว่าเราจะสามารถทดสอบบน 11.3GM ได้อย่างละเอียด เฉลยพฤศจิกายน เราหมดความหวังว่า Apple ต้องการแก้ไขปัญหานี้และก้าวไปข้างหน้า แก้ไขเว็บแอปของเราเพื่อลบฟังก์ชัน "เพิ่มในหน้าจอหลัก" ของ iOS และขอให้ผู้ใช้ที่ได้รับผลกระทบลบไอคอนหน้าจอหลักก่อนหน้านี้ อัปเดต 6 ธันวาคม iOS 11.2 และ iOS 11.1.2 ไม่ได้รับการแก้ไข วิธีแก้ปัญหา 21 กันยายน ดูเหมือนว่าเราสามารถถามลูกค้าปัจจุบันของเว็บแอปได้ ไม่อัปเกรดเป็น iOS11 - …

131 javascript  html  camera  webrtc  ios11 

เป็นไปได้ไหมที่จะตั้งค่าความกว้างและความสูงเป็นพิกเซลบนแท็กจุดยึด ฉันต้องการให้แท็กจุดยึดมีภาพพื้นหลังในขณะที่เก็บข้อความไว้ในจุดยึด li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } <li><a href="#">Something</a></li> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด

131 html  css  cross-browser 

ฉันกำลังจัดการกับ handlebars.js ในแอปพลิเคชัน express.js เพื่อให้สิ่งต่างๆเป็นโมดูลาร์ฉันแบ่งเทมเพลตทั้งหมดออกเป็นบางส่วน ปัญหาของฉัน : ฉันไม่พบวิธีส่งผ่านตัวแปรผ่านการเรียกใช้บางส่วน สมมติว่าฉันมีบางส่วนซึ่งมีลักษณะดังนี้: <div id=myPartial> <h1>Headline<h1> <p>Lorem ipsum</p> </div> สมมติว่าฉันลงทะเบียนบางส่วนนี้ด้วยชื่อ 'myPartial' ในเทมเพลตอื่นฉันสามารถพูดว่า: <section> {{> myPartial}} </section> ใช้งานได้ดีบางส่วนจะแสดงผลตามที่คาดไว้และฉันเป็นนักพัฒนาที่มีความสุข แต่สิ่งที่ฉันต้องการตอนนี้คือวิธีส่งผ่านตัวแปรที่แตกต่างกันผ่านการเรียกนี้เพื่อตรวจสอบภายในบางส่วนเช่นระบุบรรทัดแรกหรือไม่ สิ่งที่ต้องการ: <div id=myPartial> {{#if headline}} <h1>{{headline}}</h1> {{/if}} <p>Lorem Ipsum</p> </div> และการเรียกใช้ควรมีลักษณะดังนี้: <section> {{> myPartial|'headline':'Headline'}} </section> หรือไม่ก็. ฉันรู้ว่าฉันสามารถกำหนดข้อมูลทั้งหมดที่ต้องการได้ก่อนที่จะสร้างเทมเพลต แต่ฉันต้องการวิธีทำเหมือนที่เพิ่งอธิบาย มีทางเป็นไปได้ไหม

131 javascript  html  handlebars.js  templating 

ฉันมีcontenteditableองค์ประกอบและเมื่อใดก็ตามที่ฉันพิมพ์บางสิ่งและกดENTERมันจะสร้างใหม่<div>และวางข้อความบรรทัดใหม่ไว้ที่นั่น ฉันไม่ชอบอันนี้เลยสักนิด เป็นไปได้หรือไม่ที่จะป้องกันไม่ให้สิ่งนี้เกิดขึ้นหรืออย่างน้อยก็แทนที่ด้วย a <br>? นี่คือการสาธิตhttp://jsfiddle.net/jDvau/ หมายเหตุ: นี่ไม่ใช่ปัญหาใน firefox

131 javascript  jquery  google-chrome  html  contenteditable 

รหัสของฉันทำงานได้ดีมากบน localhost ของฉัน แต่มันใช้งานไม่ได้บนไซต์ ฉันได้รับข้อผิดพลาดนี้จากคอนโซลสำหรับบรรทัดนี้.getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. ส่วนหนึ่งของรหัสของฉัน: jQuery.Event.prototype.rgb=function(){ var x = this.offsetX || (this.pageX - $(this.target).offset().left),y = this.offsetY || (this.pageY - $(this.target).offset().top); if (this.target.nodeName!=="CANVAS")return null; return this.target.getContext('2d').getImageData(x,y,1,1).data; } หมายเหตุ: URL รูปภาพของฉัน (src) มาจาก URL โดเมนย่อย

131 javascript  html  html5-canvas 

ฉันใช้แอตทริบิวต์สไตล์ต่อไปนี้เพื่อตั้งค่าการป้อนข้อมูลของผู้ใช้เป็นตัวพิมพ์ใหญ่เพื่อที่ว่าเมื่อผู้ใช้เริ่มพิมพ์ในกล่องข้อความrailwayควรเปลี่ยนเป็นตัวพิมพ์ใหญ่เช่นRAILWAY โดยที่ผู้ใช้ไม่ต้องกดปุ่ม Caps-lock นี่คือรหัสที่ฉันใช้สำหรับอินพุต: <input type = "text" class = "normal" name = "Name" size = "20" maxlength = "20"> <img src="../images/tickmark.gif" border="0" style='text-transform:uppercase'/> แต่ฉันไม่ได้รับผลลัพธ์ที่ต้องการโดยใช้แอตทริบิวต์นี้

131 html 

Наэтотвопросестьответына กองมากเกินнарусском : Какпрописать: เลื่อนвнутри style =' '? เป็นไปได้ไหมที่จะมีคลาสหลอกโดยใช้สไตล์อินไลน์ ตัวอย่าง: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> ฉันรู้ว่า HTML ข้างต้นใช้ไม่ได้ แต่มีบางอย่างที่คล้ายกันหรือไม่ ปล. ฉันรู้ว่าฉันควรใช้สไตล์ชีตภายนอกและฉันก็ทำ ฉันแค่อยากรู้ว่าสามารถทำได้โดยใช้สไตล์อินไลน์

131 html  css  css-selectors  pseudo-class  inline-styles 

มีวิธีป้องกันไม่ให้ส่วนขยายเบราว์เซอร์ LastPass กรอกแบบฟอร์ม HTML ด้วยช่องป้อนข้อมูลที่มีชื่อ "ชื่อผู้ใช้" หรือไม่ นี่เป็นช่องที่ซ่อนอยู่ดังนั้นฉันจึงไม่ต้องการให้ซอฟต์แวร์ใด ๆ ใช้ฟิลด์นี้เพื่อจุดประสงค์: <input type="text" name="username" id="checkusername" maxlength="9" value="1999" class="longinput" style="display:none"> วิธีแก้ปัญหาไม่ควรเป็นเช่น "เปลี่ยนชื่อช่องป้อนข้อมูล"

131 html  forms  lastpass 

ฉันลองการเปลี่ยนแปลงอย่างง่ายจากเมล็ดและสร้างไฟล์. html ที่เกี่ยวข้อง (เช่น index.html) //app.set('view engine', 'jade'); app.set('view engine', 'html'); และไฟล์นี้ยังคงเหมือนเดิม: exports.index = function(req, res){ res.render('index'); }; แต่ในขณะที่ฉันวิ่ง 500 ข้อผิดพลาด: ไม่พบโมดูล 'html' ตัวเลือกเดียวของฉันคือใช้ 'ejs' ความตั้งใจของฉันคือการใช้ HTML ธรรมดาร่วมกับ AngularJS

130 html  node.js  express 

ฉันต้องการแสดงข้อความเมื่อผู้ใช้วางเมาส์บนภาพ ฉันจะทำสิ่งนี้ใน HTML / JS ได้อย่างไร

130 html  image 

ฉันมีไฟล์สามไฟล์ของแอปพลิเคชั่น js เชิงมุมที่เรียบง่ายมาก index.html <!DOCTYPE html> <html ng-app="gemStore"> <head> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js'></script> <script type="text/javascript" src="app.js"></script> </head> <body ng-controller="StoreController as store"> <div class="list-group-item" ng-repeat="product in store.products"> <h3>{{product.name}} <em class="pull-right">{{product.price | currency}}</em></h3> </div> <product-color></product-color> </body> </html> ผลิตภัณฑ์ color.html <div class="list-group-item"> <h3>Hello <em class="pull-right">Brother</em></h3> </div> app.js (function() { var app = angular.module('gemStore', []); app.controller('StoreController', …

130 javascript  html  angularjs  xmlhttprequest 

ฉันมี div ที่มีความสูงคงที่และ overflow:hidden; ฉันต้องการตรวจสอบด้วย jQuery ว่า div มีองค์ประกอบที่เกินความสูงคงที่ของ div หรือไม่ ฉันจะทำเช่นนี้ได้อย่างไร?

130 javascript  jquery  html