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

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

4
การวางตำแหน่ง div ใกล้ด้านล่างของ div อื่น
ฉันมี div ชั้นนอกและ div ชั้นใน ฉันต้องวาง div ด้านในไว้ที่ด้านล่างของด้านนอก div ด้านนอกยืดหยุ่นได้ (เช่นความกว้าง 70%) ฉันต้องจัดกึ่งกลางบล็อกด้านในด้วย รูปแบบการแต่งหน้าที่อธิบายไว้อย่างง่ายแสดงอยู่ในภาพด้านล่าง:
102 html  css  layout 

2
เบราว์เซอร์ส่ง“ \ r \ n” หรือ“ \ n” หรือไม่หรือขึ้นอยู่กับเบราว์เซอร์
คำถามนี้รบกวนจิตใจฉันมาเป็นล้านปี ... เมื่อใดก็ตามที่ฉันสร้างเว็บไซต์ด้วยพื้นที่ข้อความที่อนุญาตให้มีหลายบรรทัด (เช่น "ไบโอ" สำหรับโปรไฟล์ของผู้ใช้) ฉันมักจะเขียนโค้ดหวาดระแวงต่อไปนี้: // C# code sample... bio = bio.Replace("\r\n", "\n").Replace("\r", "\n"); bio = Regex.Replace(@"\n{2,}", "\n\n"); ดังนั้นเบราว์เซอร์จะส่งอะไรมา<textarea name="Bio"></textarea>หากมีหลายบรรทัด?

12
การตรวจสอบอีเมล HTML5
มีคำกล่าวว่า "ด้วย HTML5 เราไม่จำเป็นต้องใช้ js หรือโค้ดฝั่งเซิร์ฟเวอร์อีกต่อไปเพื่อตรวจสอบว่าข้อมูลที่ป้อนของผู้ใช้เป็นอีเมลหรือที่อยู่ URL ที่ถูกต้องหรือไม่" ฉันจะตรวจสอบอีเมลหลังจากผู้ใช้ป้อนได้อย่างไร? และหากไม่มี JS จะแสดงข้อความอย่างไรหากผู้ใช้ป้อนที่อยู่อีเมลของตนผิดรูปแบบ <input type="email" pattern="[^ @]*@[^ @]*" placeholder="Enter your email"> <input type="submit" value="Submit">
102 html  email 

4
ASP.Net: Literal vs Label
ฉันแค่อยากได้ยินเจ้าหน้าที่บางคนว่าคุณควรใช้การLITERALควบคุมไฟล์LABEL. ตามที่ฉันเข้าใจความแตกต่างคือ: A LABELสามารถกำหนดสไตล์ผ่าน<SPAN>แท็กที่เพิ่มเข้าไป ฉันเองพบว่าการเพิ่ม<SPAN>แท็กใน HTML ของฉันน่ารำคาญมากและไม่เคยใช้สไตล์ผ่าน ASP เลยLITERALดูเหมือนว่าจะเป็นสิ่งที่ควรใช้เกือบตลอดเวลา ... แต่ฉันกังวลว่ามีข้อควรพิจารณาหรือประโยชน์อื่น ๆใช้ LABEL ทับโดยที่ฉันไม่รู้ตัว การแทนที่LABELs ด้วยLITERALs นั้นดี 100% หรือไม่หากเราไม่ได้ใช้สไตล์กับมัน ไม่มีข้อควรพิจารณาอื่น ๆ ?
102 c#  asp.net  html  controls 

4
ตำแหน่ง Absolute + Scrolling
ดังต่อไปนี้HTMLและCSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } <div class="container"> <div class="full-height"> </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ด้านในdivจะขึ้นเต็มส่วนหัวของภาชนะตามต้องการ ถ้าตอนนี้ฉันเพิ่มอื่น ๆ โฟลว์เนื้อหาลงในคอนเทนเนอร์เช่น: .container { position: relative; border: solid 1px red; …
102 html  css 

5
ฉันจะใส่คำใบ้ใน asp: textbox ได้อย่างไร
ฉันจะใส่คำใบ้ / ตัวยึดตำแหน่งใน asp: TextBox ได้อย่างไร เมื่อฉันพูดคำใบ้ฉันหมายถึงข้อความบางส่วนที่จะหายไปเมื่อผู้ใช้คลิกที่ข้อความนั้น มีวิธีในการบรรลุเดียวกันโดยใช้ html / css หรือไม่?
102 asp.net  css  html  placeholder  hint 

10
วิธียืดภาพพื้นหลังเพื่อเติม div
ฉันต้องการตั้งค่าภาพพื้นหลังเป็น div ต่างๆ แต่ปัญหาของฉันคือ: ขนาดของภาพคงที่ (60px) ขนาดของ div ที่แตกต่างกันไป ฉันจะยืดภาพพื้นหลังให้เต็มพื้นหลังทั้งหมดของ div ได้อย่างไร #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } ตรวจสอบรหัสที่นี่

10
วิธีสร้างลูกศรแฟนซีโดยใช้ CSS
โอเคทุกคนรู้ว่าคุณสร้างสามเหลี่ยมได้โดยใช้สิ่งนี้: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } และนั่นทำให้เกิดของแข็งที่เต็มไปด้วยสามเหลี่ยม แต่คุณจะสร้างสามเหลี่ยมคล้ายลูกศรกลวงแบบนี้ได้อย่างไร?
102 html  css  css-shapes 

6
วิธีที่ดีที่สุดในการใช้แอตทริบิวต์ข้อมูล html5 กับราง content_tag helper?
แน่นอนปัญหาก็คือสัญลักษณ์ทับทิมไม่ชอบขีดกลาง เห็นได้ชัดว่าสิ่งนี้ใช้ไม่ได้: content_tag(:div, "Some Text", :id => "foo", :data-data_attr => some_variable) ทางเลือกหนึ่งคือใช้สตริงแทนสัญลักษณ์: content_tag(:div, "Some Text", :id => "foo", 'data-data_attr' => some_variable) หรือฉันสามารถแก้ไข: "<div id='foo' data-data_attr='#{some_variable}'>Some Text</div>".html_safe ฉันชอบแบบหลัง แต่ทั้งสองอย่างดูแย่ไปหน่อย ใครรู้วิธีที่ดีกว่านี้

4
การส่งค่าของฟิลด์อินพุตที่ปิดใช้งาน
ฉันต้องการปิดใช้งานช่องป้อนข้อมูล แต่เมื่อฉันส่งแบบฟอร์มก็ยังควรส่งค่า กรณีการใช้งาน: ฉันกำลังพยายามหาละติจูดและลองจิจูดจาก Google Maps และต้องการแสดง แต่ฉันไม่ต้องการให้ผู้ใช้แก้ไข เป็นไปได้หรือไม่
102 javascript  html 

7
TypeScript: ปัญหาเกี่ยวกับระบบประเภท
ฉันเพิ่งทดสอบ typescript ใน VisualStudio 2012 และมีปัญหากับระบบประเภท ไซต์ html ของฉันมีแท็ก canvas ที่มี id "mycanvas" ฉันกำลังพยายามวาดรูปสี่เหลี่ยมผืนผ้าบนผืนผ้าใบนี้ นี่คือรหัส var canvas = document.getElementById("mycanvas"); var ctx: CanvasRenderingContext2D = canvas.getContext("2d"); ctx.fillStyle = "#00FF00"; ctx.fillRect(0, 0, 100, 100); น่าเสียดายที่ VisualStudio บ่นว่า คุณสมบัติ 'getContext' ไม่มีอยู่ในค่าของชนิด 'HTMLElement' มันทำเครื่องหมายบรรทัดที่สองว่าเป็นข้อผิดพลาด ฉันคิดว่านี่เป็นเพียงคำเตือน แต่โค้ดไม่ได้รวบรวม VisualStudio บอกอย่างนั้น มีข้อผิดพลาดในการสร้าง คุณต้องการดำเนินการต่อและเรียกใช้งานสร้างที่ประสบความสำเร็จล่าสุดหรือไม่ ฉันไม่ชอบข้อผิดพลาดนี้เลย เหตุใดจึงไม่มีการเรียกใช้เมธอดแบบไดนามิก หลังจากเมธอด getContext มีอยู่อย่างแน่นอนในองค์ประกอบ …

17
จะทำให้ลิงก์ <a href= sleepy "> เป็นปุ่มได้อย่างไร?
ฉันมีภาพปุ่มนี้: ฉันสงสัยว่ามันจะเป็นไปได้ไหมที่จะทำให้&lt;a href=""&gt;some words&lt;/a&gt;ลิงค์ที่เรียบง่ายและมีสไตล์ปรากฏเป็นปุ่มนั้น? ถ้าเป็นไปได้ฉันจะทำอย่างไร?
102 html  css 

10
วิธีการจัดช่องทำเครื่องหมายในเซลล์ตาราง
เซลล์ไม่มีอะไรเลยนอกจากช่องทำเครื่องหมาย ค่อนข้างกว้างเนื่องจากข้อความในแถวส่วนหัวของตาราง ฉันจะทำเครื่องหมายกลางช่อง (ด้วย CSS แบบอินไลน์ใน HTML ของฉันได้อย่างไร (ฉันรู้)) ฉันเหนื่อย &lt;td&gt; &lt;input type="checkbox" name="myTextEditBox" value="checked" style="margin-left:auto; margin-right:auto;"&gt; &lt;/td&gt; แต่ไม่ได้ผล ผมทำอะไรผิดหรือเปล่า? อัปเดต: นี่คือหน้าทดสอบ ใครช่วยแก้ไขด้วย CSS แบบอินไลน์ใน HTML - เพื่อให้ช่องทำเครื่องหมายอยู่กึ่งกลางคอลัมน์ &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Alignment test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table style="empty-cells:hide; margin-left:auto; margin-right:auto;" border="1" cellpadding="1" cellspacing="1"&gt; &lt;tr&gt; &lt;th&gt;Search?&lt;/th&gt;&lt;th&gt;Field&lt;/th&gt;&lt;th …
102 html  css 

30
Font Awesome ไม่แสดงไอคอน
ฉันใช้ Font Awesome และไม่ต้องการเพิ่ม CSS ด้วย HTTP ฉันดาวน์โหลด Font Awesome และรวมไว้ในโค้ดของฉัน แต่ Font Awesome กำลังแสดงกล่องสี่เหลี่ยมที่มีขอบแทนไอคอน นี่คือรหัสของฉัน: &lt;html&gt; &lt;head&gt; &lt;link rel="stylesheet" href="../css/font-awesome.css"&gt; &lt;link rel="stylesheet" href="../css/font-awesome.min.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;div style="font-size: 44px;"&gt; &lt;i class="fa fa-camera-retro fa-lg"&gt;&lt;/i&gt; fa-lg &lt;i class="fa fa-camera-retro fa-2x"&gt;&lt;/i&gt; fa-2x &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; ฉันต้องการทราบวิธีทำให้ไอคอนแสดงแทนกล่องสี่เหลี่ยมที่มีขอบ
102 html  css  font-awesome 

6
จะเพิ่มระดับในเส้นทาง src ของ URL ใน HTML ได้อย่างไร
ฉันกำลังจัดเก็บสไตล์ชีตใน {root} / styles ในขณะที่รูปภาพอยู่ใน {root} / images สำหรับเว็บไซต์ ฉันจะกำหนดเส้นทางในสไตล์ชีตเพื่อไปดูในไดเร็กทอรีรูปภาพสำหรับรูปภาพที่ระบุได้อย่างไร เช่นใน background-image: url('/images/bg.png');
101 html  css  relative-path 

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