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

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

11
วิธีการมุ่งเน้นไปที่เขตข้อมูลข้อความแบบฟอร์มในการโหลดหน้าโดยใช้ jQuery?
อาจเป็นเรื่องง่ายมาก แต่มีคนบอกฉันว่าจะให้เคอร์เซอร์กะพริบบนกล่องข้อความเมื่อโหลดหน้าเว็บได้อย่างไร
238 javascript  jquery  html  focus 
17
iframe แบบเต็มหน้าจอที่มีความสูง 100%
iframe height = 100% รองรับในทุกเบราว์เซอร์หรือไม่? ฉันใช้ doctype เป็น: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ในรหัส iframe ของฉันถ้าฉันพูดว่า: <iframe src="xyz.pdf" width="100%" height="100%" /> ฉันหมายถึงจะใช้ความสูงของหน้าที่เหลืออยู่ (เนื่องจากมีอีกเฟรมหนึ่งที่ด้านบนมีความสูงคงที่ที่ 50px) นี่รองรับเบราว์เซอร์หลักทั้งหมด (IE / Firefox / Safari) หรือไม่ นอกจากนี้เกี่ยวกับแถบเลื่อนแม้ว่าฉันจะบอกว่าscrolling="no"ฉันเห็นแถบเลื่อนปิดการใช้งานใน Firefox ... ฉันจะซ่อนแถบเลื่อนและตั้งค่าความสูงของ iframe โดยอัตโนมัติได้อย่างไร
17
ฉันจะปรับขนาดเนื้อหาของ iframe ได้อย่างไร
ฉันจะปรับขนาดเนื้อหาของ iframe ได้อย่างไร (ในตัวอย่างของฉันคือหน้า HTML และไม่ใช่ป๊อปอัป) ในหน้าเว็บไซต์ของฉัน ตัวอย่างเช่นฉันต้องการแสดงเนื้อหาที่ปรากฏใน iframe ที่ 80% ของขนาดดั้งเดิม
237 html  css  dom 
8
วิธีการตั้งค่าระยะขอบหรือช่องว่างภายในเป็นเปอร์เซ็นต์ของความสูงของคอนเทนเนอร์หลัก?
ฉันได้รับสมองของฉันมากกว่าการสร้างการจัดตำแหน่งแนวตั้งใน CSS โดยใช้ต่อไปนี้ .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ในขณะที่สิ่งนี้ดูเหมือนจะใช้ได้กับกรณีนี้ฉันรู้สึกประหลาดใจที่เมื่อฉันเพิ่มหรือลดความกว้างของ div พื้นฐานของฉันการจัดตำแหน่งแนวตั้งจะ snap ฉันคาดหวังว่าเมื่อฉันตั้งค่าคุณสมบัติการเติมด้านบนจะใช้การเติมเป็นเปอร์เซ็นต์ของความสูงของคอนเทนเนอร์หลักซึ่งเป็นฐานในกรณีของเรา แต่ค่าที่สูงกว่า 50 เปอร์เซ็นต์จะถูกคำนวณเป็นเปอร์เซ็นต์ของ ความกว้าง :( มีวิธีตั้ง padding และ / หรือ margin เป็นเปอร์เซ็นต์ของส่วนสูงโดยไม่ต้องใช้ JavaScript หรือไม่?
9
จะระบุตัวแบ่งบรรทัดในเค้าโครงเฟล็กบ็อกซ์หลายบรรทัดได้อย่างไร?
Наэтотвопросестьответына Stack Overflow нарусском : รายการ Flexbox - переноснановуюстроку มีวิธีการแบ่งบรรทัดในหลายบรรทัด flexbox หรือไม่ ตัวอย่างเช่นการแตกหลังแต่ละรายการที่ 3 ในCodePenนี้ .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; } .item { width: 100px; height: 100px; background: gold; border: 1px solid black; font-size: 30px; line-height: 100px; text-align: center; margin: 10px; } …
236 html  css  flexbox 
7
CSS: วิธีการลบองค์ประกอบหลอก (หลังจาก, ก่อน, ... )?
ฉันต้องการใช้สวิตช์สำหรับเลย์เอาต์ของแท็กวรรคบนหน้าเว็บ ฉันใช้ pseudoelement หลัง: p:after {content: url("../img/paragraph.gif");} ตอนนี้ฉันต้องลบรหัส CSS นี้ออกจากหน้า สิ่งนี้สามารถทำได้อย่างง่ายดาย? ฉันต้องการเพิ่ม: jQuery มีการใช้งานบนหน้านี้แล้ว และฉันไม่ต้องการรวมหรือลบไฟล์ที่มี CSS
4
อะไรคือ offsetHeight, clientHeight, scrollHeight?
ความคิดของการอธิบายสิ่งที่เป็นความแตกต่างระหว่างoffsetHeight, clientHeightและscrollHeightหรือoffsetWidth, clientWidthและscrollWidth? เราจะต้องรู้ความแตกต่างนี้ก่อนที่จะทำงานกับฝั่งลูกค้า มิฉะนั้นครึ่งหนึ่งของชีวิตของพวกเขาจะถูกใช้ในการแก้ไข UI ซอหรืออินไลน์ด้านล่าง: function whatis(propType) { var mainDiv = document.getElementById("MainDIV"); if (window.sampleDiv == null) { var div = document.createElement("div"); window.sampleDiv = div; } div = window.sampleDiv; var propTypeWidth = propType.toLowerCase() + "Width"; var propTypeHeight = propType + "Height"; var computedStyle = window.getComputedStyle(mainDiv, null); var borderLeftWidth = …
21
วิธีซ่อนองค์ประกอบโดยใช้ Twitter Bootstrap และแสดงโดยใช้ jQuery
สมมติว่าฉันสร้างองค์ประกอบ HTML เช่นนี้ <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> ฉันจะแสดงและซ่อนองค์ประกอบ HTML นั้นจาก jQuery / Javascript ได้อย่างไร JavaScript: $(function(){ $("#my-div").show(); }); ผลลัพธ์: (กับสิ่งเหล่านี้) ฉันต้องการซ่อนองค์ประกอบด้านบน วิธีที่ง่ายที่สุดในการซ่อนองค์ประกอบโดยใช้ Bootstrap และแสดงโดยใช้ jQuery คืออะไร
14
คุณสามารถใช้ CSS เพื่อสะท้อน / พลิกข้อความได้หรือไม่?
เป็นไปได้ที่จะใช้ CSS / CSS3 เพื่อสะท้อนข้อความ โดยเฉพาะฉันมีกรรไกรนี้ถ่าน“ ✂” ( ✂) ที่ฉันต้องการแสดงให้ชี้ไปทางซ้ายและไม่ถูกต้อง
235 html  css 
7
ฉันจะทำ svg scale ด้วย container parent ได้อย่างไร?
ฉันต้องการให้สเกลเนื้อหาขององค์ประกอบแบบอินไลน์ svg เมื่อขนาดไม่ใช่ภาษาท้องถิ่น แน่นอนว่าฉันสามารถแยกเป็นไฟล์และปรับให้เป็นแบบนั้นได้ index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> อย่างไรก็ตามฉันต้องการเพิ่มสไตล์เพิ่มเติมให้กับ SVG ผ่าน CSS ดังนั้นการลิงก์ภายนอกจะไม่ใช่ตัวเลือก ฉันจะสร้างสเกล SVG แบบอินไลน์ได้อย่างไร
235 css  html  svg  scaling 
12
ฉันจะแทนที่สไตล์ Bootstrap CSS ได้อย่างไร
ฉันต้องแก้ไขbootstrap.cssเพื่อให้พอดีกับเว็บไซต์ของฉัน ฉันรู้สึกดีกว่าที่จะสร้างcustom.cssไฟล์แยกต่างหากแทนที่จะแก้ไขbootstrap.cssโดยตรงเหตุผลหนึ่งที่ควรbootstrap.cssได้รับการอัปเดตฉันจะพยายามรวมการแก้ไขทั้งหมดของฉันอีกครั้ง ฉันจะเสียสละเวลาโหลดสำหรับสไตล์เหล่านี้ แต่มันเล็กน้อยสำหรับสไตล์ที่ฉันกำลังเอาชนะ ฉันจะแทนที่bootstrap.cssเพื่อที่ฉันจะลบสไตล์ของสมอ / คลาส? ตัวอย่างเช่นหากฉันต้องการลบกฎการจัดแต่งทรงผมทั้งหมดสำหรับlegend: legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } ฉันสามารถลบได้ทั้งหมดbootstrap.cssแต่ถ้าความเข้าใจเกี่ยวกับแนวปฏิบัติที่ดีที่สุดในการเอาชนะ CSS นั้นถูกต้องฉันควรทำอย่างไร เพื่อความชัดเจนฉันต้องการลบสไตล์ของตำนานทั้งหมดและใช้ค่า CSS ของพาเรนต์ ดังนั้นเมื่อรวมคำตอบของปราณาแล้วฉันจะทำสิ่งต่อไปนี้หรือไม่? legend { display: inherit !important; width: inherit !important; padding: inherit !important; margin-bottom: …
9
เปลี่ยนเคอร์เซอร์เป็นตัวชี้นิ้ว
ฉันมีสิ่งนี้aและฉันไม่รู้ว่าฉันต้องใส่ลงใน "onmouseover" เพื่อที่เคอร์เซอร์จะเปลี่ยนเป็นตัวชี้นิ้วเหมือนลิงค์ปกติ: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> ฉันอ่านที่ไหนสักแห่งที่ฉันต้องใส่: onmouseover="cursor: hand (a pointing hand)" แต่มันไม่ทำงานสำหรับฉัน รวมทั้งฉันไม่แน่ใจว่านี่เป็น JavaScript, CSS หรือ HTML ธรรมดา ๆ
234 html  css  mouseevent 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.