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

ฉันมีรหัสแหล่งที่มาของเว็บไซต์นี้: <meta content="This is a basic text" property="og:title" /> คุณลักษณะของคุณสมบัตินี้มีจุดประสงค์อะไรและจุดประสงค์ของมันคืออะไร

152 html  facebook  properties  meta-tags 

มีวิธีการป้องกันไม่ให้ผู้ใช้เห็นผีของภาพที่พวกเขากำลังพยายามลาก (ไม่ต้องกังวลเกี่ยวกับความปลอดภัยของภาพ แต่เป็นประสบการณ์) ฉันได้ลองวิธีนี้แล้วซึ่งแก้ไขปัญหาด้วยการเลือกสีน้ำเงินในข้อความและรูปภาพ แต่ไม่ใช่ภาพผี: img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } (ฉันพยายามทำรังภาพภายใน div ด้วยกฎเดียวกันกับที่ใช้กับ div) ขอบคุณ

152 javascript  html  css 

ฉันใช้การจัดเรียงข้อความสไตล์ CSS เพื่อจัดเนื้อหาภายในคอนเทนเนอร์ใน HTML สิ่งนี้ใช้ได้ดีในขณะที่เนื้อหาเป็นข้อความหรือเบราว์เซอร์คือ IE แต่อย่างอื่นมันไม่ทำงาน เช่นเดียวกับชื่อที่แสดงว่ามันถูกใช้โดยทั่วไปเพื่อจัดแนวข้อความ คุณสมบัติการจัดตำแหน่งได้รับการปฏิเสธกลับมานาน มีวิธีอื่นในการจัดแนวเนื้อหาใน html หรือไม่

152 html  css  text-align 

ฉันกำลังพยายามย้ายหน้าไปยัง<div>องค์ประกอบ ฉันได้ลองใช้รหัสถัดไปแล้วเพื่อไม่เกิดประโยชน์: document.getElementById("divFirst").style.visibility = 'visible'; document.getElementById("divFirst").style.display = 'block';

152 javascript  html 

ฉันใช้ Twitter Bootstrap เพื่อสร้างเว็บไซต์และฟังก์ชั่นการใช้งานมากมายนั้นขึ้นอยู่กับการห่อสิ่งต่าง ๆ<a>แม้ว่าพวกเขาจะใช้ Javascript ก็ตาม ฉันมีปัญหากับhref="#"กลยุทธ์ที่เอกสารแนะนำ Bootstrap แนะนำดังนั้นฉันจึงพยายามหาวิธีแก้ไขปัญหาอื่น แต่แล้วฉันก็ลองลบhrefคุณลักษณะทั้งหมด ฉันใช้อยู่<a class='bunch of classes' data-whatever='data'>และให้ Javascript จัดการส่วนที่เหลือ และมันใช้งานได้ แต่มีบางอย่างกำลังบอกฉันว่าฉันไม่ควรทำเช่นนี้ ขวา? ฉันหมายความว่าในทางเทคนิค<a>ควรจะเชื่อมโยงกับบางสิ่งบางอย่าง แต่ฉันไม่แน่ใจว่าทำไมมันถึงมีปัญหา หรือมันคืออะไร?

152 html  anchor  semantic-markup  htmlbutton 

ฉันต้องการเพิกเฉยต่อ:hoverการประกาศ CSS ทั้งหมดหากผู้ใช้เยี่ยมชมเว็บไซต์ของเราผ่านอุปกรณ์สัมผัส เนื่องจาก:hoverCSS ไม่สมเหตุสมผลและยังอาจรบกวนได้หากแท็บเล็ตทริกเกอร์เมื่อคลิก / แตะเพราะอาจติดค้างจนองค์ประกอบสูญเสียโฟกัส พูดตามตรงฉันไม่รู้ว่าทำไมอุปกรณ์ระบบสัมผัสจึงรู้สึกว่าจำเป็นต้องกระตุ้น:hoverตั้งแต่แรก - แต่นี่คือความจริงดังนั้นปัญหานี้ก็เป็นความจริงเช่นกัน a:hover { color:blue; border-color:green; // etc. > ignore all at once for touch devices } ดังนั้น (วิธี) ฉันจะลบ / เพิกเฉยต่อ:hoverการประกาศCSS ทั้งหมดในครั้งเดียว (โดยไม่ต้องรู้แต่ละรายการ) สำหรับอุปกรณ์สัมผัสหลังจากที่มีการประกาศ

152 html  css  hover  touch 

ฉันกำลังทำงานกับการวางสไตล์ชีทของเหลวและมันก็ใช้งานได้ดีมาก สิ่งหนึ่งที่ฉันสังเกตเห็นคือหน้าต่างเบราว์เซอร์ของฉันใน Chrome จะไม่ปรับขนาดต่ำกว่า 400px มันเพิ่งติดที่นั่นและใน FF เมื่อฉันลดขนาดมันจะหยุดที่ประมาณ 400px จากนั้นก็ปรากฏแถบเลื่อนแนวนอน เมื่อฉันเปิดไซต์บนโทรศัพท์ของฉันมันดูสมบูรณ์แบบประมาณ 320px ดังนั้นฉันจึงรู้ว่ามันมีขนาดต่ำกว่า 400px ฉันอยากรู้ว่าถ้าใครรู้ว่านี่เป็นสิ่งที่เบราว์เซอร์ / เดสก์ท็อปหรือถ้าฉันจะดูอย่างอื่นที่ไม่ใช่ CSS ของฉัน ฉันไม่มีการประกาศความกว้างขั้นต่ำดังนั้นฉันไม่แน่ใจว่าจะเกิดอะไรขึ้น อีกครั้งบนเดสก์ท็อปมันลดขนาดลงเหลือความกว้างต่ำสุดประมาณ 400px และหยุดลง แต่เมื่อฉันเปิดมันขึ้นมาบนโทรศัพท์ของฉันมันก็จะปรับขนาดตามขนาดของหน้าจอโทรศัพท์ซึ่งประมาณ 320px ... สงสัยว่าทำไมอย่างน้อยที่สุด ไม่ลดลงถึง 320px บนเดสก์ท็อป -edit- นอกจากนี้ฉันไม่แน่ใจว่าเรื่องนี้หรือไม่ แต่ Opera อนุญาตให้ลดขนาดลงจนแทบไม่มีอะไรเลย ... ดังนั้นจึงใช้งานได้กับ Opera และไม่ใช่ Chrome หรือ FF ... แนวคิดใด ๆ

151 html  css  layout  liquid-layout 

ตอนนี้ TideSDK นั้นตายไปแล้วอย่างมีประสิทธิภาพฉันได้มองหา 'wrappers' ทางเลือกอื่นเพื่อเรียกใช้แอปพลิเคชัน HTML / CSS / JS เป็นแอปพลิเคชันเดสก์ทอปแบบสแตนด์อะโลน สามตัวเลือกที่ทำงานได้ที่ฉันได้ทำงานข้ามคือNW.js (เดิมคือ node-webkit), brackets-shellและElectron (เดิมคือ atom-shell) ปัญหาคือว่าไม่มีการเปรียบเทียบที่สมบูรณ์พอ ๆ กันระหว่างทั้งสามในแง่ของชุดคุณลักษณะความเข้ากันได้ ฯลฯ ฉันหวังว่าจะทำให้สิ่งนี้กลายเป็นเธรดที่ยอมรับมากขึ้นหรือน้อยลงในความแตกต่างระหว่าง (วัตถุประสงค์) สามโดยเฉพาะอย่างยิ่งเกี่ยวกับ: สนับสนุนแพลตฟอร์ม ; ระบบปฏิบัติการการพึ่งพา ฯลฯ รองรับคุณสมบัติภาษาเช่นเดียวกับ HTML5, CSS3 และ JavaScript คิดว่าอย่างเช่น"วิดีโอ HTML5 ทำงานได้หรือไม่ถ้าใช่มีตัวแปลงสัญญาณอะไรบ้าง" คุณสมบัติพิเศษที่ไม่ได้มาตรฐานเช่นไอคอนถาดการแจ้งเตือนป๊อปอัพและแถบเมนูที่แสดงผลโดยระบบปฏิบัติการ การขยาย ; เช่น. ความสามารถในการ 'เสียบ' เนทีฟโค้ดพูดคุยกับ Node.js และอื่น ๆ สถาปัตยกรรม ; โดยเฉพาะความแตกต่างทางสถาปัตยกรรมที่มีผลต่อการใช้งานรายวันในฐานะนักพัฒนา แก้ไขข้อบกพร่อง …

151 html  node-webkit  electron  brackets-shell 

ฉันมี iframe สองอันบนหน้าหนึ่งและอีกอันหนึ่งทำการเปลี่ยนแปลง แต่ iframe อื่นไม่แสดงการเปลี่ยนแปลงจนกว่าฉันจะรีเฟรช มีวิธีง่ายๆในการรีเฟรช iframe นี้ด้วย jQuery หรือไม่? <div class="project"> <iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something/new"></iframe> </div>

151 javascript  jquery  html  iframe 

ฉันต้องการที่จะใช้เมนูแบบเลื่อนลง twitter bootstrap นี่คือรหัสของฉัน: <span class="dropdown"> <a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> <li class="divider"></li> <li><a href="#">d</a></li> </ul> ดร็อปดาวน์ใช้งานได้ดีดรอปดาวน์ของฉันจะอยู่ติดกับขอบด้านขวาของหน้าจอและเมื่อฉันคลิกสลับดรอปดาวน์รายการจะอยู่นอกหน้าจอ ดูเหมือนว่าบนหน้าจอ: ฉันจะแก้ไขได้อย่างไร

151 html  css  twitter-bootstrap 

// Load the Visualization API and the piechart package. google.load('visualization', '1.0', {'packages':['corechart']}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart); // Callback that creates and populates a data table, // instantiates the pie chart, passes in the data and // draws it. function drawChart() …

151 javascript  html  charts  google-visualization 

ฉันมี HTML ต่อไปนี้: <div class="title"> <span>Cumulative performance</span> <span>20/02/2011</span> </div> ด้วย CSS นี้: .title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; } หากคุณตรวจสอบ jsFiddle นี้: http://jsfiddle.net/8JwhZ/ คุณจะเห็นว่าชื่อและวันที่ติดกัน มีวิธีที่ฉันจะได้รับวันที่เพื่อจัดชิดขวา? ฉันลองfloat: right;ครั้งที่สอง<span>แต่มันทำให้สไตล์แย่ลงและผลักวันที่ออกจาก div ที่ปิดล้อม

151 html  css 

ฉันกำลังพยายามสร้างองค์ประกอบผ้าใบที่ใช้ความกว้างและความสูงของวิวพอร์ตได้ 100% คุณสามารถเห็นในตัวอย่างของฉันที่นี่ที่เกิดขึ้นอย่างไรก็ตามมันคือการเพิ่มแถบเลื่อนทั้งใน Chrome และ FireFox ฉันจะป้องกันแถบเลื่อนพิเศษและเพียงแค่กำหนดความกว้างและความสูงของหน้าต่างให้เท่ากับขนาดของผืนผ้าใบได้อย่างไร

151 jquery  html  canvas  viewport 

ฉันได้สร้างหน้าที่เรียกว่า functioncalling.php ซึ่งมีปุ่มสองปุ่มส่งและแทรกแทรกในฐานะผู้เริ่มต้นใน PHP ฉันต้องการทดสอบว่าฟังก์ชั่นใดทำงานเมื่อมีการคลิกปุ่ม ฉันต้องการให้ผลลัพธ์ออกมาในหน้าเดียวกัน ดังนั้นฉันจึงสร้างสองฟังก์ชั่นหนึ่งปุ่มสำหรับแต่ละปุ่ม ซอร์สโค้ดสำหรับ functioncalling.php มีดังนี้: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <form action="functioncalling.php"> <input type="text" name="txt" /> <input type="submit" name="insert" value="insert" onclick="insert()" /> <input type="submit" name="select" value="select" onclick="select()" /> </form> <?php function select(){ echo "The select function is called."; } function …

151 php  html  forms  button 

ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจเรียกร้องให้มีการอภิปรายโต้แย้งโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันกำลังพัฒนาแอปพลิเคชันเว็บมือถือ (สำหรับ iPhone และ Android) ด้วยฐานข้อมูลท้องถิ่น (โดยใช้ html5 webstorage) ดังนั้นแอปของฉันยังคงใช้งานได้เมื่อผู้ใช้ออฟไลน์ มันทำงานได้อย่างสมบูรณ์ แต่ฉันต้องการบันทึกข้อมูลในเครื่องบนเซิร์ฟเวอร์ ดังนั้นฉันต้องซิงโครไนซ์ฐานข้อมูลโลคัลกับฐานข้อมูลบนเซิร์ฟเวอร์ การซิงโครไนซ์สามารถทำได้เพียงวิธีเดียว แต่ในอนาคตฉันต้องการซิงโครไนซ์ทั้งสองทาง (เซิร์ฟเวอร์ <-> ฐานข้อมูลท้องถิ่น) (หรือจะเป็นเรื่องปกติในอนาคตสำหรับแอปพลิเคชันเว็บมือถือ) แต่ฉันไม่พบห้องสมุดที่ทำเช่นนั้น ฉันรู้ว่า google กำลังทำเช่นนั้นในเว็บแอปบนอุปกรณ์เคลื่อนที่ (เช่น gmail) และฉันพบว่าโครงการ WSPLเป็นโครงการ google แต่ไม่มีซอร์สให้ดาวน์โหลด หากฉันไม่สามารถหาวิธีแก้ปัญหาได้ฉันจะสร้างห้องสมุดเพื่อทำสิ่งนั้นเนื่องจากการซิงค์แบบทางเดียวดูไม่ยาก แต่ฉันสงสัยว่ามีวิธีแก้ไขปัญหาอื่นหรือไม่

151 html  web-applications  storage  data-synchronization