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

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

13
jQuery Popup Bubble / Tooltip [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังพยายามสร้าง "ฟอง" ที่สามารถป๊อปอัปเมื่อonmouseoverเหตุการณ์เริ่มขึ้นและจะยังคงเปิดอยู่ตราบเท่าที่เมาส์อยู่เหนือรายการที่โยนonmouseoverเหตุการณ์หรือหากเลื่อนเมาส์ไปที่ฟอง ฟองของฉันจะต้องมีมารยาทในการใช้ HTML และการจัดรูปแบบรวมทั้งไฮเปอร์ลิงก์รูปภาพ ฯลฯ โดยพื้นฐานแล้วฉันทำได้สำเร็จโดยเขียน JavaScript ที่น่าเกลียดประมาณ 200 บรรทัด แต่ฉันต้องการหาปลั๊กอิน jQuery หรือวิธีอื่นในการทำความสะอาดเล็กน้อย
99 javascript  jquery  html  css 

8
การย่อขนาด HTML? [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน6 ปีที่ผ่านมา คำตอบของคำถามนี้เป็นความพยายามของชุมชน แก้ไขคำตอบที่มีอยู่เพื่อปรับปรุงโพสต์นี้ ขณะนี้ยังไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ มีเครื่องมือออนไลน์ที่เราสามารถใส่ซอร์สHTMLของเพจลงในและจะย่อโค้ดหรือไม่? ฉันจะทำเช่นนั้นสำหรับไฟล์ aspx เนื่องจากไม่ใช่ความคิดที่ดีที่จะทำให้เว็บเซิร์ฟเวอร์ gzip พวกเขา ...
99 html  minify 

2
ตัวเลือกแอตทริบิวต์ CSS ไม่ทำงานกับ href
ฉันจำเป็นต้องใช้ตัวเลือกแอตทริบิวต์ใน css เพื่อเปลี่ยนลิงค์สีและรูปภาพที่แตกต่างกัน แต่มันใช้ไม่ได้ ฉันมี html นี้: <a href="/manual.pdf">A PDF File</a> และ css นี้: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } ทำไมพื้นหลังถึงไม่เป็นสีแดง



10
สอง divs หนึ่งความกว้างคงที่อีกอันที่เหลือ
ฉันมีคอนเทนเนอร์ div สองอัน ในขณะที่ความกว้างหนึ่งต้องมีความกว้างเฉพาะ แต่ฉันก็ต้องปรับมันดังนั้น div อื่นจึงใช้พื้นที่ที่เหลือ มีวิธีใดบ้างที่ฉันสามารถทำได้? .left { float: left; width: 83%; display: table-cell; vertical-align: middle; min-height: 50px; margin-right: 10px; overflow: auto; } .right { float: right; width: 16%; text-align: right; display: table-cell; vertical-align: middle; min-height: 50px; height: 100%; overflow: auto; } <div class="left"></div> <div class="right"></div> <!-- needs …
99 css  html 


8
วิธีเข้ารหัส HTML / หลีกเลี่ยงสตริง มีในตัวหรือไม่?
ฉันมีสตริงที่ไม่น่าเชื่อถือซึ่งฉันต้องการแสดงเป็นข้อความในหน้า HTML ฉันต้องการหลีกเลี่ยงตัวอักษร ' <' และ ' &' เป็นเอนทิตี HTML เอะอะน้อยยิ่งดี ฉันใช้ UTF8 และไม่ต้องการเอนทิตีอื่นสำหรับตัวอักษรเน้นเสียง ใน Ruby หรือ Rails มีฟังก์ชันในตัวหรือไม่หรือควรม้วนเอง

10
Thymeleaf: วิธีใช้ conditionals เพื่อเพิ่ม / ลบคลาส CSS แบบไดนามิก
การใช้Thymeleafเป็นเครื่องมือแม่แบบเป็นไปได้หรือไม่ที่จะเพิ่ม / ลบคลาส CSS แบบไดนามิกไปยัง / จากรูปแบบง่ายๆdivด้วยth:ifอนุประโยค? โดยปกติฉันสามารถใช้ประโยคเงื่อนไขดังนี้: <a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a> เราจะสร้างลิงค์ไปยังเพจlorem ipsumแต่เงื่อนไขเงื่อนไขเป็นจริงเท่านั้น ฉันกำลังมองหาสิ่งที่แตกต่าง: ฉันต้องการให้บล็อกปรากฏอยู่เสมอ แต่มีคลาสที่เปลี่ยนแปลงได้ตามสถานการณ์
99 java  html  css  spring  thymeleaf 



5
HTML / CSS: สร้าง div ให้ "มองไม่เห็น" กับการคลิกหรือไม่
ด้วยเหตุผลหลายประการฉันต้องใส่ (ส่วนใหญ่) ให้โปร่งใส<div>เหนือข้อความบางส่วน อย่างไรก็ตามหมายความว่าไม่สามารถคลิกข้อความได้ (เช่นคลิกลิงก์หรือเลือก) เป็นไปได้ไหมที่จะทำให้ div นี้ "มองไม่เห็น" ต่อการคลิกและเหตุการณ์อื่น ๆ ของเมาส์ ตัวอย่างเช่นoverlaydiv ครอบคลุมข้อความ แต่ฉันต้องการให้สามารถคลิก / เลือกข้อความผ่านoverlaydiv: <div id="container"> <p>Some text</p> <div id="overlay" style="position: absolute; top: 0; left: 0; width: 100%; height:100%"> ... some content ... </div> </div>
99 html  css  events 

7
จัดแต่งทรงผมอีเมล HTML สำหรับ Gmail
ฉันกำลังสร้างอีเมล html ที่ใช้สไตล์ชีตภายในเช่น <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> เมื่อดูใน Gmail ดูเหมือนว่าสไตล์ทั้งหมดในสไตล์ชีตภายในจะถูกละเว้น ดูเหมือนว่า Gmail จะละเว้นรูปแบบทั้งหมดนอกเหนือจากกฎแบบอินไลน์เช่น <h2 style="color: red">Email content here</foo> นี่เป็นตัวเลือกเดียวของฉันในการจัดรูปแบบอีเมล HTML เมื่อดูด้วย Gmail หรือไม่
99 html  css  gmail  html-email 

4
การตั้งค่าโฟกัสบนช่องป้อน HTML ในการโหลดหน้า
ฉันกำลังพยายามตั้งค่าโฟกัสเริ่มต้นที่ช่องป้อนข้อมูลเมื่อโหลดหน้าเว็บ (ตัวอย่าง: google) หน้าของฉันเรียบง่ายมาก แต่ฉันคิดไม่ออกว่าจะทำอย่างไร นี่คือสิ่งที่ฉันมีจนถึงตอนนี้: <html> <head> <title>Password Protected Page</title> <script type="text/javascript"> function FocusOnInput() { document.getElementById("PasswordInput").focus(); } </script> <style type="text/css" media="screen"> body, html {height: 100%; padding: 0px; margin: 0px;} #outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;} #middle {vertical-align: middle} #centered {width: 280px; margin-left: auto; margin-right: …

11
วิธีการตีแบบเฉียงด้วย css
ฉันต้องการสิ่งนี้: จะบรรลุสิ่งนี้ด้วย css ได้อย่างไร? ฉันรู้ว่าวิธีหนึ่งคือใช้ภาพพื้นหลัง แต่ฉันสามารถทำได้โดยใช้ css โดยไม่มีภาพใด ๆ เท่านั้นหรือไม่

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