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

ฉันต้องการวิธีผนวก HTML เข้ากับองค์ประกอบคอนเทนเนอร์โดยไม่ต้องใช้ innerHTML เหตุผลที่ฉันไม่ต้องการใช้ innerHTML ก็เพราะเมื่อมันใช้งานแบบนี้: element.innerHTML += htmldata ใช้งานได้โดยแทนที่ html ทั้งหมดก่อนที่จะเพิ่ม html เก่าบวก html ใหม่ สิ่งนี้ไม่ดีเนื่องจากรีเซ็ตสื่อแบบไดนามิกเช่นวิดีโอแฟลชในตัว ... ฉันสามารถทำได้ด้วยวิธีนี้ซึ่งได้ผล: var e = document.createElement('span'); e.innerHTML = htmldata; element.appendChild(e); อย่างไรก็ตามปัญหาของวิธีนี้คือมีแท็ก span พิเศษในเอกสารที่ฉันไม่ต้องการ วิธีนี้สามารถทำได้? ขอบคุณ!

167 javascript  html  innerhtml 

Наэтотвопросестьответына กองมากเกินнарусском : Использованиеизображениявместорадио-кнопки หากฉันมีกลุ่มวิทยุพร้อมปุ่ม: ... ฉันจะแสดงเฉพาะภาพในตัวเลือกที่เลือกแทนปุ่มได้อย่างไร

167 html  css 

เห็นได้ชัดว่ามันยากกว่าที่ฉันคิด และมันก็ง่ายมาก ... มีฟังก์ชั่นที่เทียบเท่ากับ htmlspecialchars ของ PHP ที่สร้างขึ้นใน Javascript หรือไม่? ฉันรู้ว่ามันค่อนข้างง่ายที่จะติดตั้งด้วยตัวเอง แต่การใช้ฟังก์ชั่นในตัวถ้ามีก็เป็นเรื่องที่ดี สำหรับผู้ที่ไม่คุ้นเคยกับ PHP, htmlspecialchars แปลสิ่งที่ชอบ<htmltag/>ลงไป<htmltag/> ฉันรู้ว่าescape()และencodeURI()ไม่ทำงานด้วยวิธีนี้

167 javascript  html  escaping  html-encode 

ผมพบว่าวิธีที่จะทำให้ภาชนะ div min-height: 100%;ที่จะครอบครองอย่างน้อยเต็มความสูงของหน้าเว็บโดยการตั้งค่า อย่างไรก็ตามเมื่อฉันเพิ่ม div ที่ซ้อนกันและตั้งค่าheight: 100%;มันจะไม่ยืดความสูงของคอนเทนเนอร์ มีวิธีแก้ไขหรือไม่ html, body { height: 100%; margin: 0; } #containment { min-height: 100%; background: pink; } #containment-shadow-left { height: 100%; background: aqua; } <div id="containment"> <div id="containment-shadow-left"> Hello World! </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

167 css  html 

มีวิธีในการแสดง html เป็นภาพเช่น PNG หรือไม่? ฉันรู้ว่ามันเป็นไปได้กับผืนผ้าใบ แต่ฉันต้องการที่จะแสดงองค์ประกอบ html มาตรฐานเช่น div เช่น

167 javascript  html  css  image  render 

ฉันต้องการที่จะมีA BและCจัดให้อยู่ตรงกลาง ฉันจะได้รับDที่จะไปอย่างสมบูรณ์เพื่อที่เหมาะสมหรือไม่ ก่อน: หลังจาก: ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw to the right*/ } <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> </ul> เรียกใช้ข้อมูลโค้ดHide …

167 html  css  flexbox 

ฉันต้องตั้งค่าข้อความภายในองค์ประกอบ DIV แบบไดนามิก อะไรคือวิธีที่ปลอดภัยและดีที่สุดสำหรับเบราว์เซอร์ ฉันมีต้นแบบและสคริปต์ที่ใช้ได้ <div id="panel"> <div id="field_name">TEXT GOES HERE</div> </div> ฟังก์ชันจะมีลักษณะดังนี้: function showPanel(fieldName) { var fieldNameElement = document.getElementById('field_name'); //Make replacement here }

166 javascript  html  dom 

เป็นไปได้ไหมที่จะตั้งค่าองค์ประกอบbackground-imageSVG<path> ตัวอย่างเช่นถ้าฉันตั้งองค์ประกอบclass="wall"สไตล์ CSS จะใช้.wall {fill: red;}งานได้ แต่.wall{background-image: url(wall.jpg)}จะไม่เป็นเช่น.wall {background-color: red;}นั้น

166 html  css  image  svg  background-image 

ฉันมีหน้า (XHTML Strict) ที่ฉันลอยรูปภาพควบคู่ไปกับย่อหน้าข้อความปกติ ทุกอย่างเป็นไปด้วยดียกเว้นเมื่อมีการใช้รายการแทนย่อหน้า สัญลักษณ์แสดงหัวข้อย่อยของรายการซ้อนทับภาพลอย การเปลี่ยนระยะขอบของรายการหรือรายการไม่ช่วยได้ อัตรากำไรขั้นต้นจะถูกคำนวณจากซ้ายของหน้า แต่ลอยผลักดันให้รายการไปทางขวาภายในliตัวเอง ดังนั้นระยะขอบจะช่วยถ้าฉันทำให้มันกว้างกว่าภาพ การลอยรายการที่อยู่ถัดจากรูปภาพก็ใช้งานได้ แต่ฉันไม่รู้ว่าเมื่อใดที่รายการถัดจากโฟลต ฉันไม่ต้องการลอยทุกรายการในเนื้อหาของฉันเพียงเพื่อแก้ไขปัญหานี้ นอกจากนี้การลอยซ้ายจะทำให้เลย์เอาต์เสียหายเมื่อรูปภาพลอยไปทางขวาแทนที่จะซ้ายของรายการ การตั้งค่าli { list-style-position: inside }จะย้ายสัญลักษณ์แสดงหัวข้อย่อยพร้อมกับเนื้อหา แต่ยังทำให้บรรทัดที่ตัดเพื่อเริ่มจัดตำแหน่งด้วยสัญลักษณ์แสดงหัวข้อย่อยแทนการจัดแนวกับบรรทัดด้านบน เห็นได้ชัดว่าปัญหานี้เกิดจากกระสุนแสดงผลนอกกล่องลอยลอยผลักเนื้อหาของกล่องไปทางขวา (ไม่ใช่กล่องตัวเอง) นี่คือวิธีที่ IE และ FF จัดการกับสถานการณ์และเท่าที่ฉันรู้ไม่ผิดตามข้อมูลจำเพาะ คำถามคือฉันจะป้องกันได้อย่างไร

166 html  css 

<script type="text/javascript"> /* ... */ </script> เมื่อเทียบกับ <script language="Javascript"> /* ... */ </script> สิ่งที่ควรใช้และทำไม หรือทางเลือกที่สาม: ละเว้นสิ่งเหล่านี้เช่นรหัสตัวอย่างในการอ้างอิง API ของ jQuery: <script src="http://code.jquery.com/jquery-latest.js"></script>

166 javascript  html 

มีทั้ง<h1><a ...> ... </a></h1>และ<a ...><h1> ... </h1></a>HTML ที่ถูกต้องหรือเป็นเพียงหนึ่งที่ถูกต้อง? หากทั้งคู่ถูกต้องพวกเขาต่างกันในความหมายหรือไม่?

166 html  semantics 

CSS ของฉัน: #content_right_head span { display:inline-block; width:180px; overflow:hidden !important; } ตอนนี้มันแสดงเนื้อหาเนื้อหา แต่ฉันต้องการแสดง เนื้อหาเนื้อหา ... ฉันต้องการแสดงจุดหลังเนื้อหา เนื้อหากำลังมาจากฐานข้อมูลแบบไดนามิก

166 html  css 

ฉันมีหน้า HTML พร้อมปุ่มบน เมื่อฉันคลิกที่ปุ่มนั้นฉันต้องเรียก REST Web Service API ฉันพยายามค้นหาออนไลน์ทุกที่ ไม่มีเงื่อนงำใด ๆ ใครสามารถให้โอกาสฉัน / หัวหน้าทีมในเรื่องนี้ได้บ้าง ชื่นชมมาก

166 javascript  html  rest  web-services 

ทำไมเราต้องมี <fieldset>แท็ก ไม่ว่าจุดประสงค์ใดที่บริการนั้นอาจเป็นชุดย่อยของแท็กแบบฟอร์ม ฉันค้นหาข้อมูลบางอย่างเกี่ยวกับ W3Schools ซึ่งพูดว่า: <fieldset>แท็กจะใช้ในกลุ่มที่เกี่ยวข้องกับองค์ประกอบในรูปแบบ <fieldset>แท็กดึงกล่องรอบองค์ประกอบที่เกี่ยวข้อง คำอธิบายเพิ่มเติมสำหรับผู้ที่เข้าใจผิดว่า "ทำไมจึงมีอยู่ในข้อมูลจำเพาะ" สำหรับ "สิ่งที่ทำ" ฉันคิดว่าส่วนการวาดภาพนั้นไม่เกี่ยวข้องและฉันไม่เห็นว่าทำไมเราต้องการแท็กพิเศษเพียงเพื่อจัดกลุ่มองค์ประกอบที่เกี่ยวข้องในรูปแบบ

165 html  fieldset 

ฉันจำได้ว่าอ่านที่ไหนสักแห่งใน HTML5 มันก็ไม่เป็นไรที่จะใช้target="_blank"ใน HTML5 อีกต่อไปแต่ตอนนี้ฉันหามันไม่พบ มันดีไหมที่จะใช้ต่อไปtarget="_blank"? ฉันรู้ว่าโดยทั่วไปแล้วถือว่าเป็นความคิดที่ไม่ดี แต่เป็นวิธีที่ง่ายที่สุดในการเปิดหน้าต่างใหม่สำหรับบางอย่างเช่น PDF และยังไม่ต้องการให้คุณพึ่งพา JavaScript

165 javascript  html  window