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

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


1
เหตุใดจึงไม่ทำงอรายการที่ย่อขนาดเนื้อหาที่ผ่านมา
ฉันมี 4 flexbox column และทุกอย่างทำงานได้ดี แต่เมื่อฉันเพิ่มข้อความลงในคอลัมน์และตั้งเป็นขนาดตัวอักษรขนาดใหญ่มันทำให้คอลัมน์กว้างกว่าที่ควรจะเป็นเนื่องจากคุณสมบัติ flex ฉันพยายามใช้word-break: break-wordและช่วย แต่เมื่อฉันปรับขนาดคอลัมน์เป็นความกว้างขนาดเล็กมากตัวอักษรในข้อความจะถูกแบ่งออกเป็นหลายบรรทัด (หนึ่งตัวอักษรต่อบรรทัด) แต่คอลัมน์นั้นไม่ได้รับความกว้างที่เล็กกว่าขนาดตัวอักษรหนึ่งตัว . ดูวิดีโอนี้ (ในตอนแรกคอลัมน์แรกมีขนาดเล็กที่สุด แต่เมื่อฉันปรับขนาดหน้าต่างมันเป็นคอลัมน์ที่กว้างที่สุดฉันแค่ต้องการเคารพการตั้งค่าเฟล็กต์เสมอขนาดเฟล็กต์ 1: 3: 4: 4) ฉันรู้ว่าการตั้งค่าขนาดตัวอักษรและการเว้นช่องว่างเล็กลงจะช่วยได้ ... แต่มีวิธีแก้ไขปัญหาอื่นอีกหรือไม่ overflow-x: hiddenฉันไม่สามารถใช้ JSFiddle .container { display: flex; width: 100% } .col { min-height: 200px; padding: 30px; word-break: break-word } .col1 { flex: 1; background: orange; font-size: 80px …
312 html  css  flexbox 

21
ข้อความไดนามิกขนาดอัตโนมัติเพื่อเติมขนาดภาชนะคงที่
ฉันต้องการแสดงข้อความที่ผู้ใช้ป้อนลงใน div ขนาดคงที่ สิ่งที่ฉันต้องการคือการปรับขนาดตัวอักษรโดยอัตโนมัติเพื่อให้ข้อความเติมในกล่องให้มากที่สุด ดังนั้น - หาก div คือ 400px x 300px ถ้ามีคนป้อน ABC แล้วมันเป็นตัวอักษรที่ใหญ่มาก หากพวกเขาป้อนย่อหน้าก็จะเป็นตัวอักษรขนาดเล็ก ฉันอาจต้องการเริ่มต้นด้วยขนาดตัวอักษรสูงสุด - อาจเป็น 32px และในขณะที่ข้อความมีขนาดใหญ่เกินไปที่จะพอดีกับคอนเทนเนอร์ให้ย่อขนาดของตัวอักษรจนกว่าจะพอดี
312 jquery  html  css 

10
รับ div ส่วนสูงด้วย JavaScript ธรรมดา
Наэтотвопросестьответына Stack Overflow нарусском : Узнатьвысотуэлементачерез Javascript, еслионапрописанавстилевом มีความคิดเห็นเกี่ยวกับวิธีเพิ่มความสูงของ div โดยไม่ใช้ jQuery หรือไม่? ฉันถูกค้นหามากเกิน Stack สำหรับคำถามนี้และดูเหมือนว่าทุกคำตอบจะชี้ไปที่ของ .height()jQuery ฉันลองอะไรทำนองmyDiv.style.heightนั้น แต่มันก็ไม่ได้ผลอะไรเลยแม้แต่ตอนที่ div ของฉันมีwidthและheightตั้งค่าใน CSS
312 javascript  html  css 

9
ฉันจะเปลี่ยนความหนาของแท็ก <hr> ของฉันได้อย่างไร
ฉันต้องการเปลี่ยนความหนาของกฎแนวนอนของฉัน ( &lt;hr&gt;) ใน CSS ฉันรู้ว่ามันสามารถทำได้ในรูปแบบ HTML เช่นนั้น - &lt;hr size="10"&gt; แต่ผมได้ยินว่านี้จะเลิกเป็นที่กล่าวถึงในMDN ที่นี่ ใน CSS ฉันพยายามใช้height:1pxแต่ไม่เปลี่ยนความหนา ฉันต้องการ&lt;hr&gt;เส้น0.5pxหนา ฉันใช้ Firefox 3.6.11 บน Ubuntu
311 html  css  user-interface 

14
การเปรียบเทียบระหว่าง Corona, Phonegap, Titanium
ล็อคแล้ว คำถามและคำตอบนี้ถูกล็อคเนื่องจากคำถามอยู่นอกหัวข้อ แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันเป็นนักพัฒนาเว็บและฉันต้องการย้ายผลิตภัณฑ์บนเว็บไปยัง iPhone หนึ่งในผลิตภัณฑ์เป็นเหมือน Google แผนที่: แสดงแผนที่บนหน้าจอโทรศัพท์คุณสามารถลากหรือปรับขนาดแผนที่และดูข้อมูลบางอย่างที่เราเพิ่มลงในแผนที่ ฉันรู้ว่ามีเทคโนโลยีบางอย่างที่ช่วยให้คุณใช้ HTML, CSS และ Javascript เพื่อพัฒนาแอพของ iPhone ฉันระบุบางอย่าง: Ansca Mobile PhoneGap Appcelerator มีผลิตภัณฑ์อื่นที่คล้ายคลึงกันหรือไม่ ความแตกต่างระหว่างพวกเขาคืออะไร? ฉันควรเลือกแบบใด

30
หลีกเลี่ยงเมนูแบบเลื่อนลงปิดที่คลิกด้านใน
ฉันมีเมนูแบบเลื่อนลง Twitter Bootstrap ดังที่ผู้ใช้งาน Bootstrap ของ Twitter รู้เมนูดรอปดาวน์จะปิดเมื่อคลิก (แม้แต่คลิกภายใน) เพื่อหลีกเลี่ยงปัญหานี้ฉันสามารถแนบตัวจัดการเหตุการณ์คลิกบนเมนูแบบเลื่อนลงและเพิ่มชื่อดังevent.stopPropagation()ได้อย่างง่ายดาย &lt;ul class="nav navbar-nav"&gt; &lt;li class="dropdown mega-dropdown"&gt; &lt;a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"&gt; &lt;i class="fa fa-list-alt"&gt;&lt;/i&gt; Menu item 1 &lt;span class="fa fa-chevron-down pull-right"&gt;&lt;/span&gt; &lt;/a&gt; &lt;ul class="dropdown-menu mega-dropdown-menu"&gt; &lt;li&gt; &lt;div id="carousel" class="carousel slide" data-ride="carousel"&gt; &lt;ol class="carousel-indicators"&gt; &lt;li data-slide-to="0" data-target="#carousel"&gt;&lt;/li&gt; &lt;li class="active" data-slide-to="1" data-target="#carousel"&gt;&lt;/li&gt; &lt;/ol&gt; …

18
องค์ประกอบ html สามารถมีได้หลายรหัส
ฉันเข้าใจว่ารหัสต้องไม่ซ้ำกันในหน้า HTML / XHTML คำถามของฉันคือสำหรับองค์ประกอบที่กำหนดฉันสามารถกำหนดรหัสหลายรหัสให้กับมันได้หรือไม่ &lt;div id="nested_element_123 task_123"&gt;&lt;/div&gt; ฉันรู้ว่าฉันมีทางออกง่าย ๆ เพียงแค่ใช้คลาส ฉันแค่อยากรู้เกี่ยวกับการใช้รหัสในลักษณะนี้

23
รับภาพขนาดย่อ img จาก Vimeo หรือไม่
ฉันต้องการรับภาพขนาดย่อสำหรับวิดีโอจาก Vimeo เมื่อรับภาพจาก Youtube ฉันทำแบบนี้: http://img.youtube.com/vi/HwP5NG-3e8I/2.jpg มีความคิดวิธีทำอย่างไรสำหรับ Vimeo? นี่คือคำถามเดียวกันโดยไม่มีคำตอบใด ๆ
308 html  thumbnails  vimeo 

18
การขยายพาเรนต์ <div> เป็นความสูงของลูก
ฉันมีโครงสร้างหน้าคล้ายกับนี้: &lt;body&gt; &lt;div id="parent"&gt; &lt;div id="childRightCol"&gt; /*Content*/ &lt;/div&gt; &lt;div id="childLeftCol"&gt; /*Content*/ &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; ฉันต้องการสำหรับผู้ปกครองdivที่จะขยายในheightเมื่อภายในdiv's heightเพิ่มขึ้น แก้ไข: ปัญหาหนึ่งคือถ้าwidthเนื้อหาลูกขยายผ่านwidthหน้าต่างเบราว์เซอร์ CSS ปัจจุบันของฉันวางแถบเลื่อนแนวนอนบนพาเรนdivต์ ฉันต้องการให้แถบเลื่อนอยู่ในระดับหน้าเว็บ ขณะนี้ div หลักของฉันถูกตั้งค่าเป็นoverflow: auto; คุณช่วยฉันด้วย CSS ให้หน่อยได้ไหม?
308 html  css 

6
ส่งเหตุการณ์ของเมาส์ผ่านองค์ประกอบตำแหน่งอย่างแน่นอน
ฉันกำลังพยายามที่จะจับภาพเหตุการณ์ของเมาส์บนองค์ประกอบที่มีองค์ประกอบที่จัดวางอย่างอื่นอยู่ด้านบนของมัน ตอนนี้เหตุการณ์ในองค์ประกอบที่มีการจัดวางอย่างถูกต้องจะพุ่งเข้าหาผู้ปกครอง แต่ฉันต้องการให้มัน "โปร่งใส" สำหรับกิจกรรมเมาส์เหล่านี้และส่งต่อไปยังสิ่งที่อยู่ด้านหลัง ฉันควรใช้สิ่งนี้อย่างไร

12
ฉันควรปรับขนาด textarea ด้วยแอตทริบิวต์ CSS width / height หรือ HTML cols / rows
ทุกครั้งที่ฉันพัฒนารูปแบบใหม่ที่รวมถึงtextareaฉันมีภาวะที่กลืนไม่เข้าคายไม่ออกต่อไปนี้เมื่อฉันต้องการระบุขนาดของมัน: ใช้CSSหรือใช้textareaคุณสมบัติของcolsและrows? ข้อดีและข้อเสียของแต่ละวิธีคืออะไร? ความหมายของการใช้คุณลักษณะเหล่านี้คืออะไร? ปกติแล้วจะทำอย่างไร?
307 html  css  textarea 

4
AJAX จะใช้ความยาว / การลงคะแนนสั้นสั้นใน HTML5 WebSockets ได้อย่างไร
ฉันกำลังสร้างแอปพลิเคชั่นแชทเล็ก ๆ สำหรับเพื่อน ๆ แต่ไม่แน่ใจเกี่ยวกับวิธีรับข้อมูลในเวลาที่ไม่เป็นคู่มือหรือเป็นพื้นฐานในการบังคับให้รีเฟรชหน้าเว็บ ขณะนี้ฉันกำลังใช้สิ่งนี้โดยใช้ AJAX แบบง่าย ๆ แต่สิ่งนี้มีข้อเสียของการกดปุ่มเซิร์ฟเวอร์เป็นประจำเมื่อเวลาผ่านไปสั้น ๆ ในการค้นคว้าการทำโพลแบบยาว / สั้นฉันใช้ HTML5 WebSockets นี้ดูเหมือนง่ายต่อการใช้ แต่ผมไม่แน่ใจว่าถ้ามีข้อเสียบางอย่างซ่อนอยู่ ตัวอย่างเช่นฉันคิดว่า WebSockets รองรับเฉพาะเบราว์เซอร์บางตัวเท่านั้น มีข้อเสียอื่น ๆ สำหรับ WebSockets ที่ฉันควรระวังหรือไม่? เนื่องจากดูเหมือนว่าทั้งสองเทคโนโลยีจะทำสิ่งเดียวกันสถานการณ์แบบใดที่เราจะเลือกใช้อีกแบบหนึ่ง โดยเฉพาะอย่างยิ่ง HTML5 WebSockets ทำให้การสำรวจ AJAX ยาว / สั้นล้าสมัยหรือมีเหตุผลที่น่าสนใจที่จะชอบ AJAX มากกว่า WebSockets หรือไม่

14
เป็นเรื่องที่โง่ ๆ ที่ favicon ตัวเล็ก ๆ นั้นต้องการ HTTP อีกอันหรือไม่ ฉันจะใส่ favicon ในเทพดาได้อย่างไร?
โปรดปรานหมดอายุใน 5 วัน คำตอบสำหรับคำถามนี้มีสิทธิ์ได้รับ+100ชื่อเสียง Rouninกำลังมองหาคำตอบจากแหล่งที่เชื่อถือได้ ทุกคนรู้วิธีตั้งค่าลิงค์ favicon.ico ใน HTML: &lt;link rel="shortcut icon" href="http://hi.org/icon.ico" type="image/x-icon"&gt; แต่ผมคิดว่ามันเป็นเพียงโง่ที่เล็ก ๆ หลายไบต์ไอคอนที่คุณต้องการเลยร้องขอ HTTP อีก ฉันจึงสงสัยว่าฉันจะทำให้ส่วนภาพของ sprite (เช่นbackground-position=0px -200px;) เป็นไปได้อย่างไรเพื่อเร่งความเร็วและบันทึกคำขอ HTTP ที่มีค่านั้น ฉันจะนำสิ่งนี้ไปเป็นภาพสไปรท์ที่มีโลโก้และงานศิลปะอื่น ๆ ได้อย่างไร หุ่นยนต์ที่ชี้ไปยังfavicon.icoหมายเลขรายการ 31 บนกราฟน้ำตกเป็นสัตว์เลี้ยงของฉัน ZAM เขามักจะมีความสุขมากกว่าและเขาก็มีจุดดีที่ทำให้ฉันรู้ว่าถึงเวลาสำหรับการอัพเกรดความคิดสร้างสรรค์บนเว็บแม้ว่าเขาและฉันจะไม่เห็นด้วยกับชุดของเขาซึ่งฉันคิดว่าวันนี้โง่ไปหน่อย ...

8
WebForms UnobtrusiveValidationMode ต้องใช้ ScriptResourceMapping สำหรับ 'jquery' โปรดเพิ่ม ScriptResourceMapping ชื่อ jquery (คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่)
ฉันกำลังสร้างเว็บแอปพลิเคชันโดยใช้ Visual Studio 2012 ฉันกำลังพยายามเพิ่มจำนวนคำลงในกล่องข้อความของฉัน อย่างไรก็ตามหลังจากเพิ่มรหัส javascript และรหัส html ฉันได้รับข้อผิดพลาดตามที่ระบุไว้ข้างต้น นี่คือจาวาสคริปต์ของฉัน รหัส: function validateLimit(obj, divID, maxchar) { objDiv = get_object(divID); if (this.id) obj = this; var remaningChar = maxchar - trimEnter(obj.value).length; if (objDiv.id) { objDiv.innerHTML = remaningChar + " characters left"; } if (remaningChar &lt;= 0) { obj.value = obj.value.substring(maxchar, …

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