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

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

12
บรรทัดใหม่ในพื้นที่ข้อความ
<textarea cols='60' rows='8'>This is my statement one.\n This is my statement2</textarea> <textarea cols='60' rows='8'>This is my statement one.<br/> This is my statement2</textarea> ฉันลองทั้งคู่ แต่บรรทัดใหม่ไม่ได้สะท้อนขณะทำการเรนเดอร์ไฟล์ html ฉันจะทำสิ่งนั้นได้อย่างไร
6
ลอย: ด้านซ้าย; vs display: อินไลน์; vs display: inline-block; vs display: table-cell;
คำถามของฉัน เป็นวิธีการใดที่ต้องการโดยนักออกแบบเว็บไซต์มืออาชีพ? มีวิธีการใด ๆ เหล่านี้ที่สร้างขึ้นโดยเว็บเบราว์เซอร์เมื่อวาดเว็บไซต์หรือไม่ นี่เป็นเพียงการตั้งค่าส่วนตัวทั้งหมดหรือไม่ มีเทคนิคอื่นที่ฉันขาดหายไปไหม หมายเหตุ: คำถามข้างต้นเกี่ยวข้องกับการออกแบบเค้าโครงหลายคอลัมน์ ลอย: ด้านซ้าย; http://jsfiddle.net/CDe6a/ นี่เป็นวิธีที่ฉันใช้เสมอเมื่อสร้างเค้าโครงคอลัมน์และดูเหมือนว่าจะใช้ได้ดี แม้ว่าผู้ปกครองจะล่มสลายในตัวเองดังนั้นคุณเพียงแค่ต้องจำไว้ในclear:both;ภายหลัง อีกนักโทษที่ฉันเพิ่งพบคือไม่สามารถที่จะจัดข้อความชิดในแนวตั้ง แสดง: อินไลน์; ดูเหมือนว่าจะแก้ไขปัญหาการยุบตัวของแม่ แต่เพิ่มช่องว่าง http://jsfiddle.net/CDe6a/1/ การลบช่องว่างออกจาก html ดูเหมือนจะเป็นการแก้ไขปัญหาที่ง่ายที่สุด แต่ไม่ต้องการถ้าคุณจู้จี้จุกจิกเกี่ยวกับ html ของคุณ http://jsfiddle.net/CDe6a/2/ แสดง: อินไลน์บล็อก ดูเหมือนว่าจะมีพฤติกรรมเหมือนdisplay:inline;กัน http://jsfiddle.net/CDe6a/3/ แสดง: ตารางเซลล์ http://jsfiddle.net/CDe6a/4/ ทำงานได้สมบูรณ์แบบ ความคิดของฉัน: ฉันแน่ใจว่าฉันทำสิ่งต่าง ๆ ขาดหายไปเช่นข้อยกเว้นบางอย่างที่จะทำลายเค้าโครง แต่display:table-cell;ดูเหมือนว่าจะทำงานได้ดีที่สุดและฉันคิดว่าฉันจะเริ่มแทนที่float:left;เมื่อฉันดูเหมือนจะสับสนอยู่clear:both;เสมอ ฉันได้อ่านบทความและบล็อกจำนวนมากเกี่ยวกับเรื่องนี้ในเว็บ แต่ไม่มีใครตอบคำถามที่ชัดเจนเกี่ยวกับสิ่งที่ฉันควรใช้เมื่อจัดวางเว็บไซต์ของฉัน
281 html  css  css-float 
9
ฉันจะจัดองค์ประกอบที่เป็นคู่และคี่ได้อย่างไร
เป็นไปได้ไหมที่จะใช้ CSS pseudo-classes เพื่อเลือกอินสแตนซ์ของรายการคู่และคี่ ฉันคาดว่าสิ่งต่อไปนี้จะสร้างรายการของสีที่สลับกัน แต่ฉันจะได้รับรายการของสีน้ำเงิน: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul> </body> </html>
281 html  css  css-selectors 
8
ซ่อน html ตามแนวนอน แต่ไม่ใช่แถบเลื่อนแนวตั้ง
ฉันมี HTML textarea ที่มีความกว้างคงที่ แต่ความสูงของตัวแปร ฉันต้องการตั้งค่าoverflow:scrollและสามารถแสดงแถบเลื่อนแนวตั้ง แต่ไม่ใช่แนวนอน ฉันไม่สามารถใช้งานได้overflow:autoเนื่องจากสิ่งอื่นที่เฉพาะเจาะจงกับสถานการณ์ของฉัน ฉันรู้ว่าไม่มีวิธีใช้ CSS2 เพื่อแสดงเฉพาะแถบเลื่อนแนวตั้ง แต่ไม่ใช่แนวนอน มีอะไรที่ฉันสามารถทำกับ JavaScript เพื่อซ่อนแถบเลื่อนแนวนอนได้หรือไม่?
279 html  css  scrollbar 
10
เป็นการดีที่จะใช้ URL ที่ว่างเปล่าสำหรับแอตทริบิวต์การกระทำของฟอร์ม HTML หรือไม่ (การกระทำ =“”)
ฉันสงสัยว่าใครสามารถตอบกลับ "แนวปฏิบัติที่ดีที่สุด" เพื่อใช้การกระทำแบบฟอร์ม HTML เปล่าเพื่อโพสต์กลับไปที่หน้าปัจจุบัน มีโพสต์ถามว่าการกระทำแบบฟอร์ม HTML ว่างเปล่าทำอะไรที่นี่และบางหน้าเช่นนี้แนะนำว่ามันดี แต่ฉันอยากจะรู้ว่าคนอื่นคิดอย่างไร
29
แสดงมุมมอง HTML พื้นฐานหรือไม่
ฉันมีแอพพื้นฐาน node.js ที่ฉันพยายามจะลงมือทำโดยใช้เฟรมเวิร์ก Express ฉันมีviewsโฟลเดอร์ที่ฉันมีindex.htmlไฟล์ แต่ฉันได้รับข้อผิดพลาดต่อไปนี้เมื่อโหลดเว็บเบราว์เซอร์ ข้อผิดพลาด: ไม่พบโมดูล 'html' ด้านล่างเป็นรหัสของฉัน var express = require('express'); var app = express.createServer(); app.use(express.staticProvider(__dirname + '/public')); app.get('/', function(req, res) { res.render('index.html'); }); app.listen(8080, '127.0.0.1') ฉันหายไปนี่อะไร
14
เลือกสัญลักษณ์ใน HTML / XHTML
เราจำเป็นต้องแสดงสัญลักษณ์เห็บ (✓หรือ✔) ภายในเว็บแอปภายในและต้องการหลีกเลี่ยงการใช้ภาพ จะต้องเริ่มทำงานกับ IE 6.0.2900 บนกล่อง XP โดยพื้นฐานแล้วเราต้องใช้มันข้ามเบราว์เซอร์ (IE + FF รุ่นล่าสุด) กล่องแสดงต่อไปนี้จะตั้งค่าการเข้ารหัสเบราว์เซอร์เป็น UTF-8 (META ทำงานได้ดีและไม่ใช่ปัญหา) แบบอักษรเริ่มต้นคือ Times New Roman (อาจเป็นปัญหา แต่การลอง Lucida Sans Unicode ไม่ได้ช่วยและฉันไม่ได้ติดตั้ง Arial Unicode MS หรือติดตั้ง Lucida Grande) <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </head> <body> ✓ ✔ </body> </html> ความช่วยเหลือใด ๆ ชื่นชม งานต่อไปนี้ภายใต้ IE …
279 html  xhtml 
9
ใช้ไอคอน Font Awesome เป็นเนื้อหา CSS
ฉันต้องการใช้ไอคอน Font Awesome เป็นเนื้อหา CSS เช่น a:before { content: "<i class='fa...'>...</i>"; } ฉันรู้ว่าฉันไม่สามารถใช้รหัส HTML contentได้ดังนั้นจึงเหลือเฉพาะภาพเท่านั้น
279 html  css  font-awesome 
1
เบราว์เซอร์ใดที่รองรับ HTML5 WebSocket API
คำตอบของคำถามนี้เป็นความพยายามของชุมชน แก้ไขคำตอบที่มีอยู่เพื่อปรับปรุงโพสต์นี้ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันจะพัฒนาแอปพลิเคชันการส่งข้อความโต้ตอบแบบทันทีที่ทำงานในเบราว์เซอร์ เบราว์เซอร์อะไรสนับสนุนWebSocket API ?
15
ดีบักเกอร์ที่เหมือน Firebug สำหรับ Google Chrome
มีอะไรอย่างเช่น Firebug ที่คุณสามารถใช้ใน Google Chrome ได้บ้าง? คุณสมบัติที่สำคัญที่ฉันต้องการ: ตรวจสอบแหล่งที่มา HTML (องค์ประกอบที่เลือกลบพวกเขา ฯลฯ ) ตรวจสอบค่า CSS (วิธีแก้ปัญหาในตัวแปลก, อย่างใด)
27
วิธีปิดการใช้งานเนื้อหา div ทั้งหมด
ฉันอยู่ภายใต้สมมติฐานว่าหากฉันปิดการใช้งาน div เนื้อหาทั้งหมดก็ถูกปิดการใช้งานด้วย อย่างไรก็ตามเนื้อหานั้นเป็นสีเทา แต่ฉันยังคงสามารถโต้ตอบกับมันได้ มีวิธีทำเช่นนั้นหรือไม่? (ปิดใช้งาน div และทำให้เนื้อหาทั้งหมดถูกปิดใช้งานด้วย)
278 javascript  jquery  html 
10
วิธีปิดการใช้งานอินพุตแบบมีเงื่อนไขใน vue.js
ฉันมีอินพุต: <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> และในองค์ประกอบ Vue.js ของฉันฉันมี: .. .. ready() { this.form.name = this.store.name; this.form.validated = this.store.validated; }, .. validatedเป็นbooleanก็สามารถเป็นได้ทั้ง0หรือ1แต่ไม่ว่าสิ่งที่มีค่าจะถูกเก็บไว้ในฐานข้อมูลไม่มีการป้อนข้อมูลของฉันถูกปิดใช้งานเสมอ ฉันต้องการปิดใช้งานอินพุตหากfalseไม่เช่นนั้นควรเปิดใช้งานและแก้ไขได้ ปรับปรุง: การทำเช่นนี้จะเปิดใช้งานอินพุตเสมอ(ไม่ว่าฉันจะมี 0 หรือ 1 ในฐานข้อมูล): <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> การทำเช่นนี้จะปิดการใช้งานอินพุตเสมอ(ไม่ว่าฉันจะมี 0 หรือ 1 …
277 javascript  html  forms  vue.js 
9
ปุ่มทำให้กว้างเต็มหรือไม่
ฉันต้องการปุ่มที่จะใช้ความกว้างเต็มของคอลัมน์ แต่มีปัญหา ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> ฉันจะทำให้ปุ่มกว้างเท่ากับคอลัมน์ได้อย่างไร
10
อิลิเมนต์ที่ลอยอยู่ภายใน div, ลอยอยู่นอก div ทำไม?
สมมติว่าคุณมีdiv, ให้มันชัดเจนwidthและใส่องค์ประกอบในนั้นในกรณีของฉันimgอีกdivอัน แนวคิดคือเนื้อหาของคอนเทนเนอร์divจะทำให้คอนเทนเนอร์divยืดออกและเป็นพื้นหลังสำหรับเนื้อหา แต่เมื่อผมทำเช่นนี้ที่มีการdivหดตัวเพื่อให้พอดีกับไม่ใช่วัตถุลอยและวัตถุลอยจะเป็นได้ทั้งทุกอย่างออกหรือครึ่งหนึ่งออกในช่วงครึ่งปีและไม่ต้องแบกใด ๆ divกับขนาดของขนาดใหญ่ที่ ทำไมนี้ มีบางอย่างที่ฉันขาดไปและฉันจะเอาไอเท็มที่ลอยอยู่ออกเพื่อยืดส่วนheightที่บรรจุได้divอย่างไร
274 css  html  css-float 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.