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

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


4
พารามิเตอร์ Url.Action?
ในตัวควบคุมรายชื่อฉันมี public ActionResult GetByList(string name, string contact) { var NameCollection = Service.GetByName(name); var ContactCollection = Service.GetByContact(contact); return View(new ListViewModel(NameCollection ,ContactCollection)); } ในหน้า ASPX ฉันเรียก <a href="<%:Url.Action("GetByList","Listing" , new {name= "John"} , new {contact="calgary, vancouver"})%>"><span>People</span></a> ฉันมีปัญหาในรหัส ASPX ... ฉันสามารถดึงระเบียนสำหรับชื่อ john แต่เมื่อฉันให้contact="calgary, vancouver"หน้าเว็บเกิดข้อผิดพลาด ฉันจะเรียกพารามิเตอร์สองตัวในไฟล์Url.Action. ฉันลองด้านล่าง แต่ดูเหมือนว่าจะผิดเช่นกัน <a href="<%:Url.Action("GetByList","Listing" , new {name= "John" …

12
ความยาวของเส้นขอบเล็กกว่าความกว้าง div?
ฉันมีรหัสต่อไปนี้ div { width:200px; border-bottom:1px solid magenta; height:50px; } การสาธิต ความกว้างของ div คือ 200px ดังนั้น border-bottom จึงเป็น 200px เช่นกัน แต่ฉันจะทำอย่างไรถ้าฉันต้องการ border-bottom เพียง 100px โดยไม่เปลี่ยนความกว้างของ div
116 html  css 


16
คุณอ่านค่ากฎ CSS ด้วย JavaScript ได้อย่างไร?
ฉันต้องการส่งคืนสตริงที่มีเนื้อหาทั้งหมดของกฎ CSS เช่นเดียวกับรูปแบบที่คุณเห็นในสไตล์อินไลน์ ฉันต้องการที่จะทำได้โดยที่ไม่รู้ว่ามีอะไรอยู่ในกฎใดกฎหนึ่งดังนั้นฉันจึงไม่สามารถดึงมันออกมาตามชื่อสไตล์ได้ (เช่น.style.widthฯลฯ ) CSS: .test { width:80px; height:50px; background-color:#808080; } รหัสจนถึงตอนนี้: function getStyle(className) { var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules for(var x=0;x<classes.length;x++) { if(classes[x].selectorText==className) { //this is where I can collect the style information, but how? } } } getStyle('.test')
116 javascript  html  css 

8
ซ้อน DIVs อยู่ด้านบนของกันและกัน?
เป็นไปได้หรือไม่ที่จะซ้อน DIV หลายรายการเช่น: <div> <div></div> <div></div> <div></div> <div></div> </div> เพื่อให้ DIV ภายในทั้งหมดมีตำแหน่ง X และ Y เท่ากัน? โดยค่าเริ่มต้นพวกเขาทั้งหมดจะอยู่ด้านล่างซึ่งกันและกันโดยเพิ่มตำแหน่ง Y ตามความสูงของ DIV ก่อนหน้าล่าสุด ฉันรู้สึกว่าลอยหรือโชว์หรือกลเม็ดอื่น ๆ อาจกัดได้? แก้ไข: DIV หลักมีตำแหน่งที่สัมพันธ์กันดังนั้นการใช้ตำแหน่งสัมบูรณ์ดูเหมือนจะไม่ได้ผล
116 css  html  stack  css-float 

7
ช่องทำเครื่องหมายในหน้าเว็บ - จะทำให้ใหญ่ขึ้นได้อย่างไร
ช่องทำเครื่องหมายมาตรฐานที่แสดงในเบราว์เซอร์ส่วนใหญ่มีขนาดค่อนข้างเล็กและไม่เพิ่มขนาดแม้ว่าจะใช้แบบอักษรขนาดใหญ่ วิธีใดที่ดีที่สุดและไม่ขึ้นกับเบราว์เซอร์ในการแสดงช่องทำเครื่องหมายขนาดใหญ่
116 html  css  checkbox 

6
แสดงแหล่งที่มาของวิดีโอ Youtube ลงในแท็กวิดีโอ HTML5 หรือไม่
ฉันกำลังพยายามใส่แหล่งที่มาของวิดีโอ YouTube ลงใน<video>แท็กHTML5 แต่ดูเหมือนจะไม่ได้ผล หลังจาก Googling บางส่วนฉันพบว่า HTML5 ไม่รองรับ URL ของวิดีโอ YouTube เป็นแหล่งที่มา คุณสามารถใช้ HTML5 เพื่อฝังวิดีโอ YouTube ได้หรือไม่? ถ้าไม่มีมีวิธีแก้ปัญหาหรือไม่?

13
จะรับค่าที่เลือกทั้งหมดจาก <select multiple = multiple> ได้อย่างไร
ดูเหมือนแปลกฉันไม่พบสิ่งนี้ที่ถามไปแล้ว แต่นี่มันไปแล้ว! ฉันมี html ดังนี้: &lt;select id="select-meal-type" multiple="multiple"&gt; &lt;option value="1"&gt;Breakfast&lt;/option&gt; &lt;option value="2"&gt;Lunch&lt;/option&gt; &lt;option value="3"&gt;Dinner&lt;/option&gt; &lt;option value="4"&gt;Snacks&lt;/option&gt; &lt;option value="5"&gt;Dessert&lt;/option&gt; &lt;/select&gt; ฉันจะรับค่าทั้งหมด (อาร์เรย์) ที่ผู้ใช้เลือกในจาวาสคริปต์ได้อย่างไร ตัวอย่างเช่นหากผู้ใช้เลือกอาหารกลางวันและของว่างฉันต้องการอาร์เรย์เป็น {2, 4} ดูเหมือนว่ามันจะเป็นงานง่ายๆ แต่ดูเหมือนจะทำไม่ได้ ขอบคุณ.
116 javascript  jquery  html 

5
วิธีเปลี่ยนสีขอบของพื้นที่ข้อความบน: focus
ยกโทษให้ฉันนี่เป็นคำถามโง่ ๆ แต่ฉันต้องการความช่วยเหลือ ฉันต้องการเปลี่ยนสีเส้นขอบของ TEXTAREA เมื่อโฟกัส แต่ดูเหมือนว่ารหัสของฉันจะทำงานไม่ถูกต้อง รหัสมุมมองความกรุณาในซอ &lt;form name = "myform" method = "post" action="insert.php" onsubmit="return validateform()" style="width:40%"&gt; &lt;input type="text" placeholder="Enter Name." name="name" maxlength="300" class="input"&gt; &lt;input type="email" placeholder="Enter E-mail." name="address" maxlength="300" class="input"&gt; &lt;textarea placeholder="Enter Message." name="descrip" class="input" &gt;&lt;/textarea&gt; &lt;br&gt; &lt;input class="button secondary" type=submit name="submit" value="Submit" &gt; &lt;/form&gt; นี่คือ CSS …
116 html  css 

13
จะปรับขนาดรูปภาพให้พอดีกับหน้าต่างเบราว์เซอร์ได้อย่างไร?
สิ่งนี้ดูเหมือนจะไม่สำคัญ แต่หลังจากการวิจัยและการเข้ารหัสทั้งหมดฉันไม่สามารถใช้งานได้ เงื่อนไขคือ: ไม่ทราบขนาดหน้าต่างเบราว์เซอร์ ดังนั้นโปรดอย่าเสนอโซลูชันที่เกี่ยวข้องกับขนาดพิกเซลที่แน่นอน ไม่ทราบขนาดดั้งเดิมของรูปภาพและอาจพอดีหรือไม่พอดีกับหน้าต่างเบราว์เซอร์ ภาพอยู่กึ่งกลางแนวตั้งและแนวนอน สัดส่วนของภาพต้องได้รับการอนุรักษ์ ภาพจะต้องแสดงอย่างครบถ้วนในหน้าต่าง (ไม่มีการครอบตัด) ฉันไม่ต้องการให้แถบเลื่อนปรากฏขึ้น (และไม่ควรใช้หากภาพพอดี) รูปภาพจะปรับขนาดโดยอัตโนมัติเมื่อขนาดของหน้าต่างเปลี่ยนไปเพื่อใช้พื้นที่ว่างทั้งหมดโดยไม่ต้องใหญ่กว่าขนาดเดิม โดยทั่วไปสิ่งที่ฉันต้องการคือ: .fit { max-width: 99%; max-height: 99%; } &lt;img class="fit" src="pic.png"&gt; ปัญหาเกี่ยวกับโค้ดด้านบนคือมันใช้งานไม่ได้: รูปภาพใช้พื้นที่แนวตั้งทั้งหมดที่ต้องการโดยการเพิ่มแถบเลื่อนแนวตั้ง ในการกำจัดของฉันคือ PHP, Javascript, JQuery แต่ฉันจะฆ่าด้วยโซลูชัน CSS เท่านั้น ฉันไม่สนใจว่ามันจะใช้ไม่ได้ใน IE
116 html  css 

2
Favicon Standard - 2020 - svg, ico, PNG และขนาด?
ขนาด Favicon รูปแบบไฟล์และแท็กเมตา / ลิงก์ใดที่ควรใช้ในปี 2020 ซึ่งรวมถึงไอคอนแอปเปิ้ล, หน้าต่าง, Android และอุปกรณ์อื่น ๆ ที่ผู้คนใช้ในปัจจุบัน ฉันใช้ Opera และฉันเห็นว่ามันรองรับรูปแบบ svg ปัจจุบันเป็นทางออกที่ดีที่สุดในการใช้ svg หรือไม่? มีตัวเลือก "ไฟล์เดียวเหมาะกับทุกคน" หรือไม่? ฉันเรียกดูเว็บไซต์หลายแห่งและตรวจสอบ "ตัวสร้างไอคอน Fav" ต่างๆ พวกเขาทั้งหมดมีอายุหลายปีและทำงานกับไฟล์ png เป็นส่วนใหญ่ ตัวอย่างเช่น: ควรใช้รหัสใดสำหรับ ico และ svg? &lt;link rel="icon" href="favicon.ico" type="image/ico"&gt; &lt;link rel="icon" href="favicon.svg" type="image/svg+xml"&gt; หรือควรระบุขนาดหาก ico มีขนาดมากกว่านี้ ฉันไม่พบคำตอบที่ดีสักคำตอบ &lt;link rel="icon" sizes="16x16 24x24 …
116 html  svg  png  favicon 

8
ไม่ได้กำหนดอิเล็กตรอนต้องการ ()
ฉันกำลังสร้างแอพ Electron เพื่อจุดประสงค์ของตัวเอง ปัญหาของฉันคือเมื่อฉันใช้ฟังก์ชันโหนดในหน้า HTML ของฉันมันทำให้เกิดข้อผิดพลาด: ไม่ได้กำหนด 'require ()' มีวิธีใดบ้างในการใช้ฟังก์ชันโหนดในหน้า HTML ทั้งหมดของฉัน หากเป็นไปได้โปรดยกตัวอย่างวิธีการทำสิ่งนี้ให้ฉันหรือให้ลิงก์ นี่คือตัวแปรที่ฉันพยายามใช้ในหน้า HTML ของฉัน: var app = require('electron').remote; var dialog = app.dialog; var fs = require('fs'); และนี่คือค่าที่ฉันใช้ในหน้าต่าง HTML ทั้งหมดภายใน Electron

6
วิธีปิดการใช้งาน Google Translate จาก html ใน chrome
ฉันเพิ่งสร้างเว็บไซต์สำหรับร้านอาหารฝรั่งเศส เว็บไซต์เป็นภาษาอังกฤษ แต่ฉันเดาว่ามีภาษาฝรั่งเศสเพียงพอบนเว็บไซต์ (ที่มีป้ายกำกับรูปภาพของรายการเมนู) เพื่อแจ้งให้ผู้เยี่ยมชมแปลเว็บไซต์หากใช้ Chrome มีอะไรที่ฉันสามารถเพิ่มลงใน html เพื่อป้องกันไม่ให้ chrome ขอให้แปลหน้านี้ ฉันคิดว่ามันน่าจะเป็นแบบนี้&lt;html lang="en"&gt;แต่ไม่ได้ผล ความคิดใด ๆ ? ขอบคุณ

10
ขยาย div เป็นความกว้างสูงสุดเมื่อตั้งค่า float: left
ฉันมีบางอย่างเช่นนั้น: &lt;div style="width:100px;float:left"&gt;menu&lt;/div&gt; &lt;div style="float:left"&gt;content&lt;/div&gt; การลอยตัวทั้งสองเป็นสิ่งจำเป็น ฉันต้องการให้ div เนื้อหาเต็มหน้าจอทั้งหมดลบ 100px สำหรับเมนู ถ้าฉันไม่ใช้ float div จะขยายเท่าที่ควร แต่ฉันจะตั้งค่านี้ได้อย่างไรเมื่อตั้งค่าลูกลอย ถ้าฉันใช้ sth เช่น style=width:100% จากนั้น div เนื้อหาจะได้ขนาดของพาเรนต์ซึ่งก็คือ body หรือ div อื่นที่ฉันลองด้วยและแน่นอนว่ามันไม่พอดีกับเมนูจากนั้นจะแสดงด้านล่าง
115 html  width 

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