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

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

6
การสร้างวัตถุ jQuery จาก HTML-string ขนาดใหญ่
ฉันมีสตริง HTML ขนาดใหญ่ที่มีหลายโหนดย่อย เป็นไปได้ที่จะสร้างวัตถุjQuery DOM โดยใช้สตริงนี้หรือไม่? ฉันได้ลองแล้ว$(string)แต่จะคืนค่าอาร์เรย์ที่มีโหนดทั้งหมดทั้งหมดเท่านั้น กำลังพยายามรับองค์ประกอบซึ่งฉันสามารถใช้ฟังก์ชัน. find ()
140 javascript  jquery  html 

3
แก้ไขประเภท MIME สำหรับ favicon.ico หรือไม่
ตามการมอบหมายตัวเลขทางอินเทอร์เน็ต (IANA) ไฟล์. ico ทั้งหมดจะอยู่ภายใต้ประเภท MIMEimage/vnd.microsoft.iconตกอยู่ภายใต้ชนิด ( ที่มา ) เช่น <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" /> อย่างไรก็ตามผู้รู้ทางอินเทอร์เน็ตที่มีความชำนาญพอลไอริชอ้างว่าสิ่งนี้ผิดและจริง ๆ แล้วมันจะเป็นimage/x-iconเช่นนั้น (ที่มา ) เช่น <link rel="icon" type="image/x-icon" href="favicon.ico" /> ฉันรู้ว่าคุณสามารถหลีกเลี่ยงได้โดยไม่รวม "ประเภท" สำหรับไฟล์. ico แต่ถ้าคุณจะรวมไฟล์หนึ่งไว้มันควรจะเป็นอะไร? จริง ๆ แล้วมีปัญหากับการแสดงเป็นประเภท IANA อย่างเป็นทางการหรือไม่?

11
รับชื่อเมืองโดยใช้ตำแหน่งทางภูมิศาสตร์
ฉันจัดการเพื่อรับละติจูดและลองจิจูดของผู้ใช้โดยใช้การระบุตำแหน่งทางภูมิศาสตร์บน HTML //Check if browser supports W3C Geolocation API if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(successFunction, errorFunction); } //Get latitude and longitude; function successFunction(position) { var lat = position.coords.latitude; var long = position.coords.longitude; } ฉันต้องการที่จะแสดงชื่อเมืองดูเหมือนว่าวิธีเดียวที่จะได้รับก็คือการใช้ตำแหน่งทางภูมิศาสตร์ย้อนกลับ API ฉันอ่านเอกสารของ Google เพื่อระบุตำแหน่งทางภูมิศาสตร์ย้อนกลับ แต่ฉันไม่ทราบวิธีรับผลลัพธ์บนไซต์ของฉัน ฉันไม่ทราบวิธีการใช้สิ่งนี้: "http://maps.googleapis.com/maps/api/geocode/json?latlng='+lat+','+long+'&sensor=true"เพื่อแสดงชื่อเมืองในหน้า ฉันจะบรรลุสิ่งนี้ได้อย่างไร


10
'transform3d' ไม่ทำงานกับตำแหน่ง: แก้ไขลูก ๆ
ฉันมีสถานการณ์ที่ในสถานการณ์ CSS ปกติ div ที่ตายตัวจะถูกวางตำแหน่งอย่างที่มันถูกระบุไว้ ( top:0px, left:0px) สิ่งนี้ดูเหมือนจะไม่ได้รับการเคารพถ้าฉันมีผู้ปกครองที่มีการแปลง translate3d ฉันไม่เห็นอะไรเหรอ? ฉันได้ลองใช้การแปลงเว็บอื่น ๆ อย่างมีสไตล์และเปลี่ยนตัวเลือกแหล่งกำเนิด แต่ก็ไม่มีโชค ฉันแนบJSFiddleพร้อมกับตัวอย่างที่ฉันคาดว่ากล่องสีเหลืองจะอยู่ที่มุมด้านบนของหน้าแทนที่จะเป็นด้านในขององค์ประกอบคอนเทนเนอร์ คุณสามารถดูซอเวอร์ชันด้านล่างได้ง่ายขึ้น: #outer { position:relative; -webkit-transform:translate3d(0px, 20px , 0px); height: 300px; border: 1px solid #5511FF; padding: 10px; background: rgba(100,180,250, .8); width: 80%; } #middle{ position:relative; border: 1px dotted #445511; height: 300px; padding: 5px; background: rgba(250,10,255, …

3
ฉันจะแสดงเพียงบางส่วนของรูปภาพใน HTML / CSS ได้อย่างไร
สมมติว่าฉันต้องการวิธีแสดงเพียงกึ่งกลาง 50x50px ของรูปภาพที่ 250x250px ใน HTML ฉันจะทำสิ่งนั้นได้อย่างไร นอกจากนี้ยังมีวิธีทำเช่นนี้สำหรับการอ้างอิง css: url () หรือไม่ ฉันรู้เรื่องคลิปใน CSS แต่ดูเหมือนว่าจะใช้ได้เฉพาะเมื่อใช้กับการจัดตำแหน่งที่แน่นอน
140 html  css  image 

14
ตัดข้อความในแท็ก <td>
ฉันต้องการตัดข้อความบางส่วนที่เพิ่มลงใน&lt;td&gt;องค์ประกอบ ฉันได้ลองกับstyle="word-wrap: break-word;" width="15%". แต่ไม่ได้ตัดข้อความ จำเป็นต้องให้ความกว้าง 100% หรือไม่? ฉันมีการควบคุมอื่น ๆ ที่จะแสดงดังนั้นจึงมีความกว้างเพียง 15% เท่านั้น

8
จัดแนวป้ายกำกับในแบบฟอร์มถัดจากอินพุต
ฉันมีสถานการณ์ของรูปแบบพื้นฐานและเป็นที่รู้จักซึ่งฉันต้องจัดแนวป้ายกำกับถัดจากอินพุตให้ถูกต้อง อย่างไรก็ตามฉันไม่รู้ว่าจะต้องทำอย่างไร เป้าหมายของฉันคือการจัดเรียงป้ายกำกับถัดจากอินพุตทางด้านขวา นี่คือตัวอย่างรูปภาพของผลลัพธ์ที่ต้องการ ฉันทำซอเพื่อความสะดวกของคุณและเพื่อชี้แจงสิ่งที่ฉันมีตอนนี้ - http://jsfiddle.net/WX58z/ ตัวอย่างข้อมูล: &lt;div class="block"&gt; &lt;label&gt;Simple label&lt;/label&gt; &lt;input type="text" /&gt; &lt;/div&gt; &lt;div class="block"&gt; &lt;label&gt;Label with more text&lt;/label&gt; &lt;input type="text" /&gt; &lt;/div&gt; &lt;div class="block"&gt; &lt;label&gt;Short&lt;/label&gt; &lt;input type="text" /&gt; &lt;/div&gt; เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด
140 html  css  alignment 

11
ความยาวที่เหมาะสมสำหรับช่อง "ชื่อ" ของบุคคลคืออะไร
ฉันมีเว็บฟอร์มง่ายๆที่จะอนุญาตให้ผู้ใช้ที่ไม่ผ่านการตรวจสอบสิทธิ์ป้อนข้อมูลรวมถึงชื่อ ฉันให้ฟิลด์ชื่อ จำกัด อักขระ 50 ตัวเพื่อให้ตรงกับตารางฐานข้อมูลของฉันซึ่งฟิลด์นั้นคือ varchar (50) แต่ฉันก็เริ่มสงสัย การใช้บางอย่างเช่นประเภทคอลัมน์ข้อความเหมาะสมกว่าหรือไม่หรือฉันควรจำกัดความยาวของชื่อให้สมเหตุสมผล ฉันใช้ SQL Server 2005 ในกรณีที่มีความสำคัญในการตอบกลับของคุณ แก้ไข:ฉันไม่เห็นคำถามที่กว้างขึ้นเกี่ยวกับปัญหาที่คล้ายกันนี้
140 sql  html  textbox 

15
ฉันจะหยุดไม่ให้หน้าเว็บเลื่อนขึ้นไปด้านบนเมื่อมีการคลิกลิงก์ที่เรียกใช้ JavaScript ได้อย่างไร
เมื่อฉันมีลิงค์ที่เชื่อมต่อกับเหตุการณ์ jQuery หรือ JavaScript เช่น: &lt;a href="#"&gt;My Link&lt;/a&gt; ฉันจะป้องกันไม่ให้เลื่อนไปด้านบนได้อย่างไร เมื่อฉันลบแอตทริบิวต์ href ออกจากจุดยึดหน้าเว็บจะไม่เลื่อนไปด้านบน แต่ดูเหมือนว่าลิงก์จะไม่สามารถคลิกได้
140 javascript  html 

2
เลือกองค์ประกอบสุดท้ายที่สองด้วย css
ฉันรู้แล้วว่า: ลูกคนสุดท้าย แต่มีวิธีเลือก div ไหม: &lt;div id="container"&gt; &lt;div&gt;a&lt;/div&gt; &lt;div&gt;b&lt;/div&gt; &lt;div&gt;SELECT THIS&lt;/div&gt; &lt;!-- THIS --&gt; &lt;div&gt;c&lt;/div&gt; &lt;/div&gt; หมายเหตุ: ไม่มี jQuery เฉพาะกับ CSS
140 html  css  css-selectors 

16
<! - [ถ้า! IE]> ไม่ทำงาน
ฉันมีปัญหาในการรับ &lt;!--[if !IE]&gt; ไปทำงาน. ฉันสงสัยว่าเป็นเพราะฉันมีสิ่งนี้ในเอกสารของฉันหรือไม่ &lt;!doctype html&gt; &lt;!--[if lt IE 7]&gt; &lt;html class="ie6 oldie"&gt; &lt;![endif]--&gt; &lt;!--[if IE 7]&gt; &lt;html class="ie7 oldie"&gt; &lt;![endif]--&gt; &lt;!--[if IE 8]&gt; &lt;html class="ie8 oldie"&gt; &lt;![endif]--&gt; &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html class=""&gt; &lt;!--&lt;![endif]--&gt; เมื่อฉันเพิ่ม &lt;!--[if !IE]&gt;&lt;!--&gt; &lt;link type="text/css" rel="stylesheet" href="/stylesheets/no-ie.css" /&gt; &lt;!--&lt;![endif]--&gt; ในส่วนหัวของฉันด้วยเหตุผลบางอย่างมันไม่ทำงาน อย่างไรก็ตามถ้าฉันเพิ่ม &lt;!--[if !IE]&gt;&lt;!--&gt; &lt;style&gt; …

8
วิธีที่ดีที่สุดในการตรวจสอบว่า HTML5 <canvas> ไม่รองรับ
วิธีมาตรฐานในการจัดการกับสถานการณ์ที่เบราว์เซอร์ไม่สนับสนุน&lt;canvas&gt;แท็กHTML5 คือการฝังเนื้อหาทางเลือกเช่น: &lt;canvas&gt;Your browser doesn't support "canvas".&lt;/canvas&gt; แต่ส่วนที่เหลือของหน้ายังคงเหมือนเดิมซึ่งอาจไม่เหมาะสมหรือทำให้เข้าใจผิด ฉันต้องการตรวจจับการไม่สนับสนุนผืนผ้าใบบางอย่างเพื่อให้ฉันสามารถนำเสนอส่วนที่เหลือของหน้าเว็บของฉันตามนั้น คุณจะแนะนำอะไร

1
แท็ก <script> มีจุดประสงค์อะไรในการให้บริการภายในแท็ก <noscript>
ฉันอยู่ใน "แหล่งที่มาของการดู" เมื่อเร็ว ๆ นี้บนเว็บไซต์ที่มีการออกแบบและเนื้อหาที่น่าสนใจ Squarespaceหนึ่งในเว็บไซต์เหล่านั้นมีบล็อกของ&lt;script&gt;แท็กอยู่ภายใน&lt;noscript&gt;แท็กเช่น: &lt;!-- Page is at: http://squarespace.com --&gt; ... ... &lt;noscript id="inline-deps"&gt; &lt;link rel="stylesheet" type="text/css" href="//cloud.typography.com/7811972/758964/css/fonts.css" /&gt; &lt;script type="text/javascript" src="https://static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/7400/assets/logomark/logomark.min.js?37"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="https://static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/7400/assets/logomark/logomark.min.css?37" type="text/css" /&gt; &lt;/noscript&gt; ... ... มันทำให้ฉันแปลกและให้ข้อมูลกับฉันเพื่อดูว่ามีฟังก์ชัน / วัตถุประสงค์ที่ซ่อนอยู่สำหรับ HTML แปลก ๆ แต่ไม่มีประโยชน์ มีจุดประสงค์บางประการในการมี&lt;script&gt;แท็กอยู่ภายใน&lt;noscript&gt;องค์ประกอบหรือเป็นเพียงตัวอย่างของ HTML ที่ไม่ดี


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