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

ฉันกำลังสร้างแบบฟอร์มการลงทะเบียนสำหรับเว็บไซต์ ฉันต้องการให้แต่ละป้ายกำกับและองค์ประกอบอินพุตที่เกี่ยวข้องปรากฏในบรรทัดเดียวกัน นี่คือรหัสของฉัน: #form { background-color: #FFF; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0px; } label { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #333; height: 20px; width: 200px; margin-top: 10px; margin-left: 10px; text-align: right; clear: both; } …

94 html  css  forms 

ตามที่คำถามระบุว่าหากฉันมีข้อความที่ต้องการเพิ่มใน HTML ฉันควรใช้<p>เมื่อใดและฉันควรใช้เมื่อ<span>ใด

94 html 

ฉันมีdivตำแหน่งfixedที่ด้านซ้ายของหน้าเว็บซึ่งมีเมนูและลิงก์การนำทาง ไม่มีความสูงกำหนดจาก css เนื้อหากำหนดความสูงความกว้างคงที่ ปัญหาคือถ้าเนื้อหามากเกินไปdivจะมีขนาดใหญ่กว่าความสูงของหน้าต่างและจะมองไม่เห็นเนื้อหาบางส่วน (การเลื่อนหน้าต่างไม่ช่วยเนื่องจากตำแหน่งอยู่fixedและdivจะไม่เลื่อน) ฉันพยายามตั้งค่าoverflow-y:auto;แต่ก็ไม่ได้ผลเช่นกัน div ดูเหมือนจะไม่สังเกตเห็นว่าส่วนนั้นอยู่นอกหน้าต่าง ฉันจะทำให้เนื้อหาเป็นแบบเลื่อนได้ถ้าจำเป็นเท่านั้นหากdivแฮงค์เอาท์นอกหน้าต่าง

94 html  css  css-position 

ตัวอย่าง: div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ฉันมีสองคำถามโปรด: ทำไมโดยพื้นฐานถึงเกิดขึ้นกับspan? อะไรคือแนวทางที่ถูกต้องในการป้องกันไม่ให้ยืดโดยไม่ส่งผลกระทบต่อสิ่งของอื่น ๆ ในภาชนะดิ้น?

94 html  css  flexbox 

ฉันกำลังพยายามจัดรูปแบบองค์ประกอบที่วางโดยเต้าเสียบเราเตอร์ในเชิงมุมและต้องการให้แน่ใจว่าองค์ประกอบที่สร้างขึ้นมีความกว้าง 100% จากคำตอบส่วนใหญ่ฉันเห็นว่าฉันควรใช้::ng-deepตัวเลือก แต่จากเอกสารของ Angular มันกำลังถูกเลิกใช้ มีทางเลือกให้::ng-deepหรือไม่?

94 html  css  angular 

เล่นอัตโนมัติด้วยเสียงที่ทำงานใน Mozilla, Microsoft edge และ google chrome เก่าเช่นกัน แต่ไม่ได้อยู่ใน google chrome ใหม่ พวกเขาบล็อกการเล่นอัตโนมัติ มีวิธีใดบ้างที่จะทำให้เสียงเล่นอัตโนมัติใน Google Chrome

94 html  google-chrome  html5-audio 

Bootstrap 4 มีตัวแบ่งแนวนอนในตัวหรือไม่? ฉันทำได้ <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> แต่ฉันต้องการใช้ bootstrap css ในตัวฉันไม่สามารถหาได้จากที่ใดในเอกสารบางทีฉันอาจพลาดไป

94 html  css  bootstrap-4  twitter-bootstrap-4 

ฉันต้องปิดการใช้งานการเปลี่ยนสีของแท็กจุดยึดเมื่อเข้าชม ฉันทำอย่างนี้: a:visited{ color: gray } (ลิงก์เป็นสีเทาก่อนเข้าชม) แต่นี่เป็นวิธีที่ฉันระบุสีอย่างชัดเจนหลังจากเยี่ยมชมลิงก์ซึ่งเป็นการเปลี่ยนสีอีกครั้ง ฉันจะปิดใช้งานการเปลี่ยนสีของแท็กจุดยึดเมื่อเข้าชมโดยไม่เปลี่ยนสีอย่างชัดเจนได้อย่างไร

94 html  css  anchor 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน3 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันจะสร้างไอคอน Fav สำหรับเว็บไซต์ของฉันได้อย่างไร

94 html  favicon 

Наэтотвопросестьответына Stack Overflow нарусском : Chrome ненужнаяперезагрузкастраницы history api ฉันใช้ History API สำหรับเว็บแอปของฉันและมีปัญหาหนึ่งอย่าง ฉันเรียก Ajax เพื่ออัปเดตผลลัพธ์บางอย่างบนเพจและใช้history.pushState ()เพื่ออัปเดตแถบตำแหน่งของเบราว์เซอร์โดยไม่ต้องโหลดหน้าซ้ำ จากนั้นฉันใช้window.popstateเพื่อกู้คืนสถานะก่อนหน้าเมื่อคลิกปุ่มย้อนกลับ ปัญหาเป็นที่ทราบกันดี - Chrome และ Firefox ปฏิบัติต่อเหตุการณ์ป๊อปสเตทแตกต่างกัน แม้ว่า Firefox จะไม่ทำงานในการโหลดครั้งแรก แต่ Chrome ก็ทำเช่นนั้น ฉันต้องการใช้รูปแบบ Firefox และไม่ทำให้เหตุการณ์เกิดขึ้นเมื่อโหลดเนื่องจากเพิ่งอัปเดตผลลัพธ์โดยให้ผลลัพธ์เดียวกันกับที่โหลด มีวิธีแก้ปัญหายกเว้นการใช้History.jsหรือไม่ เหตุผลที่ฉันไม่รู้สึกอยากใช้คือ - มันต้องการไลบรารี JS มากเกินไปด้วยตัวเองและเนื่องจากฉันต้องการให้ใช้งานใน CMS ที่มี JS มากเกินไปฉันจึงต้องการลด JS ที่ฉันใส่ลงไป . ดังนั้นอยากทราบว่ามีวิธีที่จะทำให้ Chrome ไม่เปิด 'popstate' …

94 html  google-chrome  javascript-events  browser-history 

ฉันได้เริ่มขั้นตอนแรกที่เจ็บปวดในการใช้ emac เพื่อแก้ไขไฟล์ HTML ที่มีทั้งแท็ก HTML และเนื้อหาจาวาสคริปต์ ฉันได้ติดตั้ง nxhtml และลองใช้แล้วนั่นคือตั้งค่าให้ใช้ nxhtml-mumamo-mode สำหรับไฟล์. html แต่ฉันไม่ได้รักมัน เมื่อฉันแก้ไขส่วน Javascript ของโค้ดการเยื้องแท็บจะไม่ทำงานเหมือนที่ทำเมื่อแก้ไขโค้ด C / C ++ เริ่มวางแท็บไว้ในบรรทัดและหากคุณลองกดแท็บในช่องว่างก่อนหน้าบรรทัดแท็บนั้นจะแทรกแท็บแทนการจัดแท็บบรรทัดใหม่ อีกแง่หนึ่งที่ฉันไม่ชอบคือมันไม่ได้ทำสีไวยากรณ์เหมือนโหมด C / C ++ ทั่วไป ฉันชอบพฤติกรรมของโหมดจาวาเริ่มต้นมากเมื่อแก้ไขไฟล์ HTML แต่ไม่สามารถเล่นกับโค้ด HTML ได้ดี :-( 1) มีโหมดที่ดีกว่าสำหรับการแก้ไขไฟล์ HTML ด้วยส่วน Javascript หรือไม่? 2) มีวิธีรับ nxhtml เพื่อใช้ java-mode เริ่มต้นสำหรับส่วน javascript หรือไม่? ความนับถือ, ม

94 javascript  html  emacs  lisp 

ฉันจะเลือกองค์ประกอบลิงก์ของผู้ปกครอง<ul>จากรายการเช่นนี้ได้อย่างไร <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> ดังนั้นใน css ul li aแต่ไม่ใช่ul li ul li a ขอบคุณ

94 jquery  html  css  css-selectors 

ฉันต้องการดึงโค้ด HTML ของลิงค์ (หน้าเว็บ) ใน PHP ตัวอย่างเช่นหากลิงก์คือ /programming/ask จากนั้นฉันต้องการโค้ด HTML ของหน้าที่ให้บริการ ฉันต้องการดึงโค้ด HTML นี้และเก็บไว้ในตัวแปร PHP ฉันจะทำเช่นนี้ได้อย่างไร?

94 php  html 

ฉันสงสัยว่าทำไมเว็บไซต์สมัยใหม่เพียงไม่กี่แห่งยังคงใช้ PNG สำหรับไอคอนเท่านั้น (แต่สมมติฐานนี้เป็นเพียงการสังเกตของฉัน) จนถึงตอนนี้ฉันรู้สาเหตุหลักในการใช้ PNG บน SVG คือ IE8 และ SVG ใช้พลังงาน CPU มากกว่า (แต่ฉันไม่เชื่อว่านี่เป็นปัญหาสำหรับไอคอน 1K ธรรมดา ๆ ) ฉันเห็น (และเราใช้อยู่ในปัจจุบัน) ข้อดีหลายอย่างในการใช้ SVG ไม่ว่าจะใช้เป็นสไปรต์เป็นรูปภาพหรือ SVG แบบอินไลน์ (คำถามกำลังหางานวิจัย: แบบอักษร PNG Sprite vs SVG Sprite vs Iconมุ่งเน้นไปที่ประสิทธิภาพและไม่มีคำตอบที่เกี่ยวข้องIcon Font เทียบกับ SVG แคชและความกังวลของเครือข่ายมุ่งเน้นไปที่การรับส่งข้อมูลเครือข่าย แต่สามารถแก้ไขได้อย่างง่ายดายโดยการเทมเพลต) หากเว็บไซต์ใหม่รองรับเฉพาะเบราว์เซอร์ที่ทันสมัยมีเหตุผลใดบ้างที่ไม่ใช้ SVG (หรือ - มีเหตุผลใดที่ใช้ PNG สำหรับไอคอน) หากเราไม่สนใจ IE8 …

94 html  svg  icons 

ในขณะที่คุณสามารถมองเห็นlist-itemsในครั้งแรกที่มีเหมือนกันrow heightแต่รายการในครั้งที่สองมีความแตกต่างกันrow ฉันต้องการทุกรายการจะมีเครื่องแบบheightsheight มีวิธีการเพื่อให้บรรลุนี้โดยไม่ให้การใด ๆคงที่สูงและเป็นเพียงการใช้flexbox ? นี่คือไฟล์ code .list { display: flex; flex-wrap: wrap; max-width: 500px; } .list-item { background-color: #ccc; display: flex; padding: 0.5em; width: 25%; margin-right: 1%; margin-bottom: 20px; } .list-content { width: 100%; } <ul class="list"> <li class="list-item"> <div class="list-content"> <h2>box 1</h2> <p>Lorem ipsum dolor sit amet, …

94 html  css  flexbox