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

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

3
innerHTML ไม่ตรงกันหรือไม่
ฉันหวังว่าฉันจะไม่ทำตัวโง่ ๆ แต่ฉันพยายามทำความเข้าใจว่าเกิดอะไรขึ้นในโค้ดสองบรรทัดนี้: document.body.innerHTML = 'something'; alert('something else'); สิ่งที่ฉันสังเกตคือการแจ้งเตือนจะแสดงก่อนที่จะอัปเดต HTML (หรืออาจจะมี แต่หน้ายังไม่ได้รับการรีเฟรช / ทาสีใหม่ / อะไรก็ตาม) ชำระเงินนี้codepenเพื่อดูสิ่งที่ผมหมายถึง โปรดทราบว่าแม้แต่การใส่alertเข้าไปsetTimeout(..., 0)ก็ไม่ช่วยอะไร ดูเหมือนว่าจะต้องใช้เหตุการณ์วนซ้ำมากกว่าในinnerHTMLการอัปเดตเพจ แก้ไข: ฉันลืมบอกว่าฉันใช้ Chrome และไม่ได้ตรวจสอบเบราว์เซอร์อื่น ดูเหมือนว่าจะปรากฏเฉพาะใน Chrome เท่านั้น อย่างไรก็ตามฉันยังคงสนใจว่าเหตุใดจึงเกิดขึ้น

3
แนวทางปฏิบัติที่ดีที่สุดในการสร้างไอคอน Fav บนเว็บไซต์คืออะไร?
คำถาม แนวทางปฏิบัติที่ดีที่สุดในการสร้างไอคอน Favบนเว็บไซต์คืออะไร? และเป็นไฟล์. ic ที่มีทั้งภาพขนาด 16x16 และ 32x32 ดีกว่าไฟล์. png ที่มี 16x16 เท่านั้นหรือไม่? วิธีการที่ถูกต้องในปัจจุบันใช้ไม่ได้กับเบราว์เซอร์รุ่นเก่า ๆ วิธีที่ 1 การวางไฟล์ที่มีชื่อfavicon.icoในไดเร็กทอรีหลักเป็นวิธีหนึ่ง เบราว์เซอร์จะร้องขอไฟล์นั้นเสมอ คุณจะเห็นสิ่งนั้นในไฟล์บันทึกของ apache วิธีที่ 2 แท็ก HTML ใน<head>ส่วน: <link rel="shortcut icon" href="/images/favicon.png (or ico?)" type="image/x-icon" />
103 html  favicon 


4
คอลัมน์ตาราง CSS อัตโนมัติ
ระบุต่อไปนี้ฉันจะสร้างขนาดอัตโนมัติของคอลัมน์สุดท้ายให้เป็นเนื้อหาได้อย่างไร (คอลัมน์สุดท้ายควรปรับขนาดความกว้างอัตโนมัติให้กับเนื้อหาสมมติว่าฉันมีองค์ประกอบ Li เพียง 1 ชิ้นเท่านั้นที่ควรลดขนาดเทียบกับการมี 3 องค์ประกอบ li เป็นต้น): <table cellspacing="0" cellpadding="0" border="0"> <thead><!-- universal table heading --> <tr> <td class="tc first"><input type="checkbox" value="true" name="data-1-check-all" id="data-1-check-all"></td> <td class="tc">Type</td> <th>File</th> <th>Sample</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td>Division 1</td> <td>Division 2</td> <td>Division 3</td> <td>Division 4</td> <td>Division 5</td> </tr> <tr> <td>Division 1</td> …
103 html  xhtml  css 

2
ฉันจะใช้ฟอนต์. woff สำหรับเว็บไซต์ของฉันได้อย่างไร?
คุณวางฟอนต์ไว้ที่ไหนเพื่อให้ CSS เข้าถึงได้? ฉันใช้แบบอักษรที่ไม่ได้มาตรฐานสำหรับเบราว์เซอร์ในไฟล์. woff สมมติว่า "ฟอนต์น่ากลัว" เก็บไว้ในไฟล์ "awesome-font.woff"
103 html  css  fonts  woff 

14
จะจัดสไตล์ SVG ด้วย CSS ภายนอกได้อย่างไร?
ฉันมีกราฟิก SVG หลายรายการที่ฉันต้องการแก้ไขสีผ่านสไตล์ชีตภายนอกไม่ใช่ในไฟล์ SVG แต่ละไฟล์โดยตรง ฉันไม่ได้วางกราฟิกไว้ในบรรทัด แต่เก็บไว้ในโฟลเดอร์รูปภาพของฉันและชี้ไปที่พวกเขา ฉันได้ติดตั้งด้วยวิธีนี้เพื่อให้คำแนะนำเครื่องมือทำงานได้และฉันยังรวมแต่ละ<a>แท็กเพื่อให้มีลิงก์ <a href='http://youtube.com/...' target='_blank'><img class='socIcon' src='images/socYouTube.svg' title='View my videos on YouTube' alt='YouTube' /></a> และนี่คือรหัสของกราฟิก SVG: <?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet href="stylesheets/main.css" type="text/css"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56.69 56.69"> <g> <path d="M28.44......./> </g> </svg> ฉันใส่สิ่งต่อไปนี้ในไฟล์ …
103 html  css  svg  stylesheet  external 

6
รับ Base64 เข้ารหัสไฟล์ข้อมูลจากแบบฟอร์มอินพุต
ฉันมีรูปแบบ HTML พื้นฐานซึ่งฉันสามารถดึงข้อมูลเล็กน้อยที่ฉันกำลังตรวจสอบใน Firebug ปัญหาเดียวของฉันคือฉันกำลังพยายามเข้ารหัสข้อมูลไฟล์base64ก่อนที่จะส่งไปยังเซิร์ฟเวอร์ซึ่งต้องอยู่ในรูปแบบนั้นเพื่อบันทึกลงในฐานข้อมูล <input type="file" id="fileupload" /> และใน Javascript + jQuery: var file = $('#fileupload').attr("files")[0]; ฉันมีการดำเนินการบางอย่างที่ใช้ javascript ที่ใช้ได้: .getAsBinary (), .getAsText (), .getAsTextURL อย่างไรก็ตามข้อความที่สามารถใช้งานได้เหล่านี้จะไม่สามารถแทรกกลับได้เนื่องจากมี'อักขระ' ที่ใช้ไม่ได้ - ฉันไม่ต้องการให้มี 'โพสต์แบ็ค' เกิดขึ้นในไฟล์ของฉันที่อัปโหลดและฉันจำเป็นต้องมีหลายรูปแบบที่กำหนดเป้าหมายไปที่ออบเจ็กต์เฉพาะดังนั้นฉันจึงสำคัญ รับไฟล์และใช้ Javascript ด้วยวิธีนี้ ฉันจะรับไฟล์ในลักษณะที่สามารถใช้ตัวเข้ารหัส Javascript base64 ตัวใดตัวหนึ่งที่มีให้ใช้งานอย่างแพร่หลาย!? ขอบคุณ อัปเดต - เริ่มต้นรางวัลที่นี่ต้องการการสนับสนุนข้ามเบราว์เซอร์ !!! ที่นี่ฉันอยู่ที่: <input type="file" id="fileuploadform" /> <script type="text/javascript"> …

4
ฉันจะตั้งค่าความกว้างสูงสุดของเซลล์ตารางโดยใช้เปอร์เซ็นต์ได้อย่างไร
<table> <tr> <td>Test</td> <td>A long string blah blah blah</td> </tr> </table> <style> td{max-width:67%;} </style> ข้างต้นไม่ทำงาน ฉันจะตั้งค่าความกว้างสูงสุดของเซลล์ตารางโดยใช้เปอร์เซ็นต์ได้อย่างไร
103 html  css  html-table 

3
Shadow Root คืออะไร
ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Google Chrome ฉันเห็น#shadow-rootขวาใต้<html lang="en">แท็ก ใช้ทำอะไรและใช้ทำอะไร? ฉันไม่เห็นมันใน Firefox หรือใน IE เฉพาะใน Chrome นี่เป็นคุณสมบัติพิเศษหรือไม่ ถ้าฉันเปิดมันจะแสดง<head>และ<body>และลิงค์ข้างชื่อrevealโดยการคลิกจะชี้ไปที่<head>และ<body>ไม่มีอะไรอื่น

7
วิธีการแปลงรายการโหนด DOM เป็นอาร์เรย์ใน Javascript
ฉันมีฟังก์ชั่น Javascript ที่ยอมรับรายการโหนด HTML แต่คาดว่าจะมีอาร์เรย์ Javascript (มันเรียกใช้เมธอด Array บางอย่างในนั้น) และฉันต้องการฟีดผลลัพธ์ของDocument.getElementsByTagNameสิ่งนั้นที่ส่งคืนรายการโหนด DOM ตอนแรกฉันคิดว่าจะใช้อะไรง่ายๆเช่น: Array.prototype.slice.call(list,0) และทำงานได้ดีในทุกเบราว์เซอร์ยกเว้น Internet Explorer ซึ่งส่งคืนข้อผิดพลาด "วัตถุ JScript ที่คาดไว้" เนื่องจากรายการโหนด DOM ที่ส่งคืนโดยDocument.getElement*วิธีการไม่ใช่วัตถุ JScript เพียงพอที่จะเป็นเป้าหมายของการเรียกฟังก์ชัน คำเตือน: ฉันไม่สนใจที่จะเขียนโค้ดเฉพาะของ Internet Explorer แต่ฉันไม่ได้รับอนุญาตให้ใช้ไลบรารี Javascript เช่น JQuery เนื่องจากฉันกำลังเขียนวิดเจ็ตที่จะฝังลงในเว็บไซต์ของบุคคลที่สามและฉันไม่สามารถโหลดไลบรารีภายนอกที่ จะสร้างความขัดแย้งให้กับลูกค้า ความพยายามสุดท้ายของฉันคือการทำซ้ำรายการโหนด DOM และสร้างอาร์เรย์ด้วยตัวเอง แต่มีวิธีที่ดีกว่าในการทำเช่นนั้นหรือไม่?
103 javascript  html  dom 


5
<nav> หรือ <เมนู> (HTML5)
W3Schools.com และฉันค่อนข้างแน่ใจว่าฉันจำได้ว่าเห็นสถานะ W3C.org ที่&lt;menu&gt;ควรใช้สำหรับเมนู Toolbar และแสดงรายการคำสั่งควบคุมฟอร์ม ฉันควรใช้เมนูใดในเมนูหลัก Nav, หรือMenu? มันสำคัญหรือไม่?
102 html  menu  standards  nav 

6
วิธีแสดงข้อความป๊อปอัปเช่นใน Stack Overflow
ฉันต้องการเพิ่มข้อความป๊อปอัปเช่นเดียวกับที่ปรากฏใน Stack Overflow เมื่อฉันไม่ได้เข้าสู่ระบบและฉันพยายามใช้ปุ่มลงคะแนน วิธีที่ดีที่สุดในการบรรลุเป้าหมายคืออะไร? ทำโดยใช้ไลบรารี jquery หรือไม่?
102 javascript  jquery  html  css 

7
จะแก้ไขความสูงของ TR ได้อย่างไร?
สามารถแก้ไขความสูงของแถว (tr) บนโต๊ะได้หรือไม่? ปัญหาจะปรากฏขึ้นเมื่อฉันย่อขนาดหน้าต่างของเบราว์เซอร์บางแถวเริ่มเล่นรอบและฉันไม่สามารถกำหนดความสูงของแถวได้ ฉันลองหลายวิธี: tr width="20" / tr style="height:20px" / td height="20" / td style="height:20px" ฉันใช้ IE7 สไตล์ .tableContainer{ color:#0076BF; margin: -10px 0px -10px 0px; border-spacing: 10px; empty-cells:show; width:90%; text-align:left; } .tableContainer tr td{ white-space:nowrap; text-align:left; } รหัส HTML &lt;table class="tableContainer" cellspacing="10px"&gt; &lt;tr style="height:15px;"&gt; &lt;td&gt;NHS Number&lt;/td&gt; &lt;td&gt;&amp;#160;&lt;/td&gt; &lt;td&gt;Date of …
102 html  html-table  row 

10
คุณสามารถสร้างเลย์เอาต์ HTML นี้โดยไม่ใช้ตารางได้หรือไม่?
โอเคฉันมีปัญหาการจัดวางง่ายๆเมื่อหนึ่งหรือสองสัปดาห์ก่อน ส่วนต่างๆของหน้าที่ต้องการส่วนหัว: +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ สิ่งที่ค่อนข้างเรียบง่าย สิ่งนี้คือความเกลียดชังตารางดูเหมือนจะถูกครอบงำในโลกของเว็บซึ่งฉันได้รับการเตือนเมื่อถามว่าทำไมต้องใช้แท็กรายการคำจำกัดความ (DL, DD, DT) สำหรับรูปแบบ HTML แทนตาราง ตอนนี้หัวข้อทั่วไปของตารางเทียบกับ divs / CSS ได้รับการกล่าวถึงก่อนหน้านี้เช่น: DIV เทียบกับตาราง ; และ ตารางแทน DIVs ดังนั้นนี่จึงไม่ได้มีไว้เพื่อการสนทนาทั่วไปเกี่ยวกับ CSS เทียบกับตารางสำหรับเลย์เอาต์ นี่เป็นเพียงวิธีแก้ปัญหาเดียว ฉันลองใช้วิธีแก้ปัญหาต่างๆข้างต้นโดยใช้ CSS ได้แก่ : ลอยไปทางขวาสำหรับปุ่มหรือ div ที่มีปุ่ม ตำแหน่งที่สัมพันธ์กันสำหรับปุ่ม และ ตำแหน่งสัมพัทธ์ + ค่าสัมบูรณ์ ไม่มีวิธีแก้ปัญหาใดที่น่าพอใจด้วยเหตุผลที่แตกต่างกัน ตัวอย่างเช่นการวางตำแหน่งสัมพัทธ์ทำให้เกิดปัญหาดัชนี z ที่เมนูแบบเลื่อนลงของฉันปรากฏขึ้นใต้เนื้อหา ดังนั้นฉันจึงกลับไปที่: &lt;style type="text/css"&gt; …
102 html  css  layout 

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