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

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

30
วิธีสร้าง div ความสูง 100% ของหน้าต่างเบราว์เซอร์
ฉันมีเลย์เอาต์ที่มีสองคอลัมน์ - ซ้ายdivและขวาdivและขวา ด้านขวาdivมีสีเทาbackground-colorและฉันต้องการมันเพื่อขยายในแนวตั้งขึ้นอยู่กับความสูงของหน้าต่างเบราว์เซอร์ของผู้ใช้ ตอนนี้จุดbackground-colorสิ้นสุดของเนื้อหาชิ้นสุดท้ายในนั้นdivปลายที่ชิ้นสุดท้ายของเนื้อหาในการที่ ฉันได้พยายามheight:100%, min-height:100%;ฯลฯ
2139 html  css  height 


27
HTML 5: มันเป็น <br/> หรือ <br /> ไหม
ฉันได้พยายามตรวจสอบคำตอบอื่น ๆแต่ฉันยังคงสับสน - โดยเฉพาะอย่างยิ่งหลังจากที่ได้เห็นw3schools HTML 5 อ้างอิง ฉันคิดว่า HTML 4.01 ก็ควรที่จะ "ช่วยให้" เดี่ยวแท็กเพียงแค่จะและ&lt;img&gt; &lt;br&gt;จากนั้น XHTML ก็มาพร้อมกับ&lt;img /&gt;และ&lt;br /&gt;( ที่มีคนบอกว่ามีพื้นที่สำหรับเบราว์เซอร์รุ่นเก่า ) ตอนนี้ฉันสงสัยว่าฉันควรจะจัดรูปแบบโค้ดของฉันอย่างไรเมื่อฝึก HTML 5 มันเป็น&lt;br&gt;, &lt;br/&gt;หรือ&lt;br /&gt;?
2032 html 


21
จัดแนวข้อความถัดจากภาพ?
ทำไมถึงไม่vertical-align: middleทำงาน และยังvertical-align: top ใช้งานได้ span{ vertical-align: middle; } &lt;div&gt; &lt;img src="http://lorempixel.com/30/30/" alt="small img" /&gt; &lt;span&gt;Doesn't work.&lt;/span&gt; &lt;/div&gt; เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

30
ทำให้ div เติมความสูงของพื้นที่หน้าจอที่เหลือ
ฉันกำลังทำงานกับเว็บแอปพลิเคชันที่ฉันต้องการให้เนื้อหาเต็มความสูงของหน้าจอ หน้ามีส่วนหัวซึ่งมีโลโก้และข้อมูลบัญชี นี่อาจเป็นความสูงตามอำเภอใจ ฉันต้องการให้ div เนื้อหาเติมส่วนที่เหลือของหน้าลงไปด้านล่าง ฉันมีส่วนหัวและเนื้อหาdiv divในขณะนี้ฉันใช้ตารางสำหรับเค้าโครงดังนี้: CSS และ HTML #page { height: 100%; width: 100% } #tdcontent { height: 100%; } #content { overflow: auto; /* or overflow: hidden; */ } &lt;table id="page"&gt; &lt;tr&gt; &lt;td id="tdheader"&gt; &lt;div id="header"&gt;...&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td id="tdcontent"&gt; &lt;div id="content"&gt;...&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; …
1910 html  css  html-table 

30
จะสร้างปุ่ม HTML ที่ทำหน้าที่เหมือนลิงค์ได้อย่างไร?
มีอะไรให้คุณบ้างStack Overflow ที่อยู่ : Каксоздать HTML-кнопку, котораябудетвестисебя, какгиперсылка? ฉันต้องการสร้างปุ่ม HTML ที่ทำหน้าที่เหมือนลิงก์ ดังนั้นเมื่อคุณคลิกปุ่มมันจะเปลี่ยนเส้นทางไปยังหน้า ฉันต้องการให้เข้าถึงได้มากที่สุด ฉันต้องการเช่นกันดังนั้นจึงไม่มีอักขระพิเศษหรือพารามิเตอร์ใน URL ฉันจะบรรลุสิ่งนี้ได้อย่างไร จากคำตอบที่โพสต์จนถึงขณะนี้ฉันกำลังทำสิ่งนี้: &lt;form method="get" action="/page2"&gt; &lt;button type="submit"&gt;Continue&lt;/button&gt; &lt;/form&gt; แต่ปัญหานี้คือในSafariและInternet Explorerจะเพิ่มอักขระเครื่องหมายคำถามไว้ที่ส่วนท้ายของ URL ฉันต้องการค้นหาวิธีแก้ไขที่ไม่เพิ่มอักขระใด ๆ ลงในส่วนท้ายของ URL มีอีกสองวิธีในการทำเช่นนี้: การใช้ JavaScript หรือจัดแต่งทรงผมลิงก์ให้ดูเหมือนปุ่ม ใช้ JavaScript: &lt;button onclick="window.location.href='/page2'"&gt;Continue&lt;/button&gt; แต่สิ่งนี้ต้องมี JavaScript และด้วยเหตุนี้จึงทำให้ผู้อ่านหน้าจอเข้าถึงได้น้อยลง จุดเชื่อมโยงคือการไปที่หน้าอื่น ดังนั้นการพยายามทำปุ่มให้เหมือนลิงค์เป็นทางออกที่ผิด คำแนะนำของฉันคือการที่คุณควรใช้การเชื่อมโยงและรูปแบบให้มีลักษณะเหมือนปุ่ม &lt;a href="/link/to/page2"&gt;Continue&lt;/a&gt;

30
วิธีจัดแนวช่องทำเครื่องหมายและป้ายกำกับให้ข้ามเบราว์เซอร์อย่างสม่ำเสมอ
นี่เป็นหนึ่งในปัญหาเล็ก ๆ น้อย ๆ ของ CSS ที่ทำให้ฉันมีปัญหาตลอดเวลา คนรอบกองซ้อนล้นแนวตั้งcheckboxesและข้ามเบราว์เซอร์labelsอย่างต่อเนื่องได้อย่างไร เมื่อใดก็ตามที่ฉันจัดแนวพวกเขาอย่างถูกต้องใน Safari (มักใช้บน) พวกเขาจะปิดใน Firefox และ IE อย่างสมบูรณ์ แก้ไขใน Firefox และ Safari และ IE จะสับสนอย่างหลีกเลี่ยงไม่ ฉันเสียเวลากับเรื่องนี้ทุกครั้งที่ฉันกรอกแบบฟอร์มvertical-align: baselineinput นี่คือรหัสมาตรฐานที่ฉันใช้: &lt;form&gt; &lt;div&gt; &lt;label&gt;&lt;input type="checkbox" /&gt; Label text&lt;/label&gt; &lt;/div&gt; &lt;/form&gt; เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ฉันมักจะใช้การรีเซ็ตของ Eric Meyer เพื่อให้องค์ประกอบของฟอร์มค่อนข้างชัดเจนในการแทนที่ รอคอยที่จะมีเคล็ดลับหรือลูกเล่นที่คุณมีให้!

14
จะย้ายองค์ประกอบไปยังองค์ประกอบอื่นได้อย่างไร
ฉันต้องการย้ายองค์ประกอบหนึ่งของ DIV ภายในองค์ประกอบอื่น ตัวอย่างเช่นฉันต้องการย้ายสิ่งนี้ (รวมถึงเด็ก ๆ ทุกคน): &lt;div id="source"&gt; ... &lt;/div&gt; เป็นนี้ &lt;div id="destination"&gt; ... &lt;/div&gt; ดังนั้นฉันมีสิ่งนี้: &lt;div id="destination"&gt; &lt;div id="source"&gt; ... &lt;/div&gt; &lt;/div&gt;
1688 javascript  jquery  html 

15
<button> เทียบกับ <input type =“ button” /> จะใช้อะไร
เมื่อดูไซต์ส่วนใหญ่ (รวมถึง SO) ส่วนใหญ่จะใช้: &lt;input type="button" /&gt; แทน: &lt;button&gt;&lt;/button&gt; อะไรคือความแตกต่างที่สำคัญระหว่างสองถ้ามี? มีเหตุผลที่ถูกต้องหรือไม่ที่จะใช้อันใดอันหนึ่งแทนอีกอัน? มีเหตุผลที่ถูกต้องในการใช้การรวมเข้าด้วยกันหรือไม่ การใช้&lt;button&gt;มาพร้อมกับปัญหาความเข้ากันได้หรือไม่เพราะมันไม่ได้ใช้กันอย่างแพร่หลาย?

30
แปลง HTML + CSS เป็น PDF [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน3 ปีที่ผ่านมา ฉันมีเอกสาร HTML (ไม่ใช่ XHTML) ที่แสดงผลได้ดีใน Firefox 3 และ IE 7 มันใช้ CSS พื้นฐานที่ค่อนข้างเป็นธรรมในการจัดวางและปรับใน HTML ตอนนี้ฉันแปลงไฟล์เป็น PDF ฉันเหนื่อย: DOMPDF : มันมีปัญหาใหญ่กับตาราง ฉันแยกตารางที่ซ้อนกันขนาดใหญ่ออกมาและมันช่วย (ก่อนที่มันจะใช้หน่วยความจำสูงสุด 128M ก่อนจะตาย - นั่นเป็นข้อ จำกัด ของฉันในหน่วยความจำใน php.ini) แต่มันทำให้โต๊ะยุ่งเหยิงและดูเหมือนจะไม่ได้ ภาพ ตารางเป็นเพียงสิ่งพื้นฐานที่มีรูปแบบเส้นขอบเพื่อเพิ่มบางบรรทัดที่จุดต่าง ๆ ; HTML2PDF และ HTML2PS : จริงๆแล้วฉันโชคดีกว่านี้ มันแสดงผลภาพบางภาพ (ภาพทั้งหมดเป็น …
1628 php  html  css  pdf  pdf-generation 


26
ดึงตำแหน่ง (X, Y) ขององค์ประกอบ HTML ที่สัมพันธ์กับหน้าต่างเบราว์เซอร์
ฉันต้องการทราบวิธีรับตำแหน่ง X และ Y ขององค์ประกอบ HTML เช่นimgและdivใน JavaScript ที่สัมพันธ์กับหน้าต่างเบราว์เซอร์
1567 javascript  html  css  dom  position 

30
ฉันจะสร้างตัวแทนสำหรับกล่อง 'เลือก' ได้อย่างไร
ฉันใช้ตัวยึดตำแหน่งสำหรับการป้อนข้อความที่ใช้งานได้ดี แต่ฉันต้องการใช้ตัวยึดตำแหน่งสำหรับ selectboxes ของฉันเช่นกัน แน่นอนฉันสามารถใช้รหัสนี้: &lt;select&gt; &lt;option value=""&gt;Select your option&lt;/option&gt; &lt;option value="hurr"&gt;Durr&lt;/option&gt; &lt;/select&gt; แต่ 'เลือกตัวเลือกของคุณ' เป็นสีดำแทนที่จะเป็นสีอ่อน ดังนั้นทางออกของฉันอาจเป็นไปตาม CSS jQuery ก็ใช้ได้เช่นกัน สิ่งนี้ทำให้ตัวเลือกเป็นสีเทาเท่านั้นในดรอปดาวน์ (ดังนั้นหลังจากคลิกลูกศร): option:first { color: #999; } คำถามคือ: ผู้คนสร้างตัวยึดตำแหน่งใน Selectboxes ได้อย่างไร แต่มันก็ได้รับคำตอบแล้วเสียงเชียร์ และการใช้ผลลัพธ์นี้ในค่าที่เลือกจะเป็นสีเทาเสมอ (แม้หลังจากเลือกตัวเลือกจริง): select { color: #999; }


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