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

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


12
จะวาง JavaScript ในไฟล์ HTML ได้ที่ไหน
บอกว่าฉันมีไฟล์จาวาสคริปต์ที่ค่อนข้างหนักบรรจุลงประมาณ 100kb หรือมากกว่านั้น โดยไฟล์ฉันหมายความว่ามันเป็นไฟล์ภายนอกที่จะเชื่อมโยงในผ่าน<script src="...">ไม่ได้วางลงใน HTML ตัวเอง ที่ไหนดีที่สุดในการวางสิ่งนี้ลงใน HTML <html> <head> <!-- here? --> <link rel="stylesheet" href="stylez.css" type="text/css" /> <!-- here? --> </head> <body> <!-- here? --> <p>All the page content ...</p> <!-- or here? --> </body> </html> จะมีความแตกต่างในการใช้งานระหว่างตัวเลือกแต่ละตัวหรือไม่?

7
ทำไมความสูงขององค์ประกอบคอนเทนเนอร์ไม่เพิ่มขึ้นถ้ามันมีองค์ประกอบลอย
ฉันต้องการถามว่าความสูงและลอยทำงานอย่างไร ฉันมี div ภายนอกและ div ภายในที่มีเนื้อหาอยู่ ความสูงของมันอาจแตกต่างกันไปขึ้นอยู่กับเนื้อหาของ div ภายใน แต่ดูเหมือนว่า div ภายในของฉันจะล้น div ภายนอก อะไรจะเป็นวิธีที่เหมาะสมที่จะทำ? <html> <body> <div style="margin:0 auto;width: 960px; min-height: 100px; background-color:orange"> <div style="width:500px; height:200px; background-color:black; float:right"></div> </div> </body> </html> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล
210 html  css  css-float 

2
ทำไมลูก (วัตถุ) ของฉันจึงไม่หดตัวหรือหายไป?
http://jsfiddle.net/goldrunt/jGL84/42/ นี่มาจากบรรทัดที่ 84 ในซอ JS นี้ มีเอฟเฟ็กต์ต่าง ๆ 3 แบบที่สามารถนำไปใช้กับลูกบอลได้โดยใช้บรรทัดที่ไม่ใส่เครื่องหมาย 141-146 เอฟเฟกต์ 'ตีกลับ' ทำงานได้ตามปกติ แต่เอฟเฟกต์ 'asplode' นั้นไม่ได้ทำอะไรเลย ฉันควรรวมฟังก์ชั่น 'ลดขนาด' ในฟังก์ชั่น asplode หรือไม่? // balls shrink and disappear if they touch var shrink = function(p) { for (var i = 0; i < 100; i++) { p.radius -= 1; } function …
208 javascript  html 


10
<script defer =“ defer”> ทำงานอย่างไร
ฉันมี&lt;script&gt;องค์ประกอบไม่กี่และรหัสในบางส่วนขึ้นอยู่กับรหัสใน&lt;script&gt;องค์ประกอบอื่น ๆ ฉันเห็นว่าแอdeferททริบิวสามารถมีประโยชน์ได้ที่นี่เนื่องจากอนุญาตให้เลื่อนการบล็อกโค้ดในการทำงาน เพื่อทดสอบผมดำเนินการนี้บน Chrome: http://jsfiddle.net/xXZMN/ &lt;script defer="defer"&gt;alert(2);&lt;/script&gt; &lt;script&gt;alert(1)&lt;/script&gt; &lt;script defer="defer"&gt;alert(3);&lt;/script&gt; 2 - 1 - 3แต่จะแจ้งเตือน ทำไมมันไม่แจ้งเตือน1 - 2 - 3?

6
HTML / Javascript เปลี่ยนเนื้อหา div
ฉันมีรหัส HTML อย่างง่ายพร้อม javascript บางส่วนดูเหมือนว่า: &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; function changeDivContent() { // ... }; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="radio" name="radiobutton" value="A" onClick="changeDivContent()"&gt; &lt;input type="radio" name="radiobutton" value="B" onClick="changeDivContent()"&gt; &lt;div id="content"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ฉันแค่อยากจะเปลี่ยนเนื้อหาของ div (เป็น html ภายใน) ด้วยการเลือกปุ่มตัวเลือก "A" หรือ "B" แต่ div # content ไม่มีค่า "แอตทริบิวต์" ของ javascript …
208 javascript  html 

25
แสดงตัวอย่าง HTML ใน HTML
ฉันจะแสดงตัวอย่าง HTML บนหน้าเว็บโดยไม่จำเป็นต้องแทนที่&lt;ด้วย&amp;lt;และ&gt;ด้วยได้&amp;gt;อย่างไร กล่าวอีกนัยหนึ่งมีแท็กที่จะไม่แสดง HTML จนกว่าคุณจะกดแท็กปิดหรือไม่
208 html  tags 

3
รับค่าของช่องทำเครื่องหมาย HTML จากเหตุการณ์ onclick / onchange
&lt;input type="checkbox" onclick="onClickHandler()" onchange="onChangeHandler()" /&gt; จากภายในonClickHandlerและ / หรือonChangeHandlerฉันจะทราบได้อย่างไรว่าสถานะใหม่ของช่องทำเครื่องหมายคืออะไร

18
css ellipsis บนบรรทัดที่สอง
CSS text-overflow: ellipsisในบรรทัดที่สองเป็นไปได้ไหม ฉันหามันไม่เจอในเน็ต ตัวอย่าง: สิ่งที่ฉันต้องการเป็นเช่นนี้: I hope someone could help me. I need an ellipsis on the second line of... แต่สิ่งที่เกิดขึ้นคือ: I hope someone could help me. I ...
208 html  css 

6
รับ div div ขององค์ประกอบ
ควรจะง่ายจริงๆ แต่ฉันมีปัญหากับมัน ฉันจะรับ div parent ขององค์ประกอบย่อยได้อย่างไร HTML ของฉัน: &lt;div id="test"&gt; &lt;p id="myParagraph"&gt;Testing&lt;/p&gt; &lt;/div&gt; JavaScript ของฉัน: var pDoc = document.getElementById("myParagraph"); var parentDiv = ?????????? ฉันจะคิดdocument.parentหรือparent.containerทำงาน แต่ฉันก็ยังได้รับnot definedข้อผิดพลาด โปรดทราบว่าการpDocกำหนดไม่เพียงตัวแปรบางอย่างของมัน ความคิดใด ๆ ป.ล. ฉันต้องการหลีกเลี่ยง jQuery ถ้าเป็นไปได้



4
ใช้ CSS เพื่อแทรกข้อความ
ฉันค่อนข้างใหม่กับ CSS และใช้มันเพื่อเปลี่ยนสไตล์และการจัดรูปแบบของข้อความ ตอนนี้ฉันต้องการจะใช้มันเพื่อแทรกข้อความตามที่แสดงด้านล่าง: &lt;span class="OwnerJoe"&gt;reconcile all entries&lt;/span&gt; ซึ่งฉันหวังว่าฉันจะได้แสดงเป็น: ภารกิจของ Joe: กระทบยอดรายการทั้งหมด นั่นคือโดยอาศัยอำนาจของการเป็น "เจ้าของโจ" ชั้นเรียนฉันต้องการข้อความJoe's Task:ที่จะแสดง ฉันสามารถทำได้ด้วยรหัสเช่น: &lt;span class="OwnerJoe"&gt;Joe's Task:&lt;/span&gt; reconcile all entries. แต่ดูเหมือนว่าซ้ำซ้อนอย่างมากทั้งระบุคลาสและข้อความ เป็นไปได้ไหมที่จะทำสิ่งที่ฉันกำลังมองหา? แก้ไข ไอเดียหนึ่งคือพยายามตั้งค่าเป็น ListItem &lt;li&gt;โดยที่ "bullet" คือข้อความ "Joe's Task" ฉันเห็นตัวอย่างของวิธีการตั้งค่ารูปแบบสัญลักษณ์แสดงหัวข้อย่อยต่าง ๆ และแม้แต่รูปสำหรับสัญลักษณ์แสดงหัวข้อย่อย เป็นไปได้หรือไม่ที่จะใช้ข้อความเล็ก ๆ สำหรับ list-bullet?
207 html  css 

16
ฉันต้องเข้ารหัส '&' เป็น '& amp;' จริง ๆ หรือไม่
ฉันใช้ ' &amp;' สัญลักษณ์กับ HTML5 และ UTF-8 &lt;title&gt;ในเว็บไซต์ของฉัน Google แสดงเครื่องหมายแอมป์แซนด์ใน SERPs เช่นเดียวกับเบราว์เซอร์ทั้งหมดในชื่อ http://validator.w3.orgให้สิ่งนี้แก่ฉัน: &amp; ไม่ได้เริ่มการอ้างอิงตัวละคร (และน่าจะได้รับการยกเว้นว่าเป็น&amp;amp;) ฉันต้องทำจริงๆ&amp;amp;เหรอ? ฉันไม่ได้ยุ่งเกี่ยวกับหน้าของฉันตรวจสอบเพื่อประโยชน์ในการตรวจสอบ แต่ฉันอยากรู้อยากเห็นความคิดเห็นของผู้คนเกี่ยวกับเรื่องนี้และถ้ามันเป็นสิ่งสำคัญและทำไม

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