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

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

4
แทรกอักขระ Unicode ลงใน JavaScript
ฉันต้องการใส่ Omega (Ω) ลงในหน้า html ของฉัน ฉันใช้โค้ดหนี HTML เพื่อทำเช่นนั้นฉันจึงสามารถเขียนΩและรับΩได้ นั่นคือทั้งหมดที่ดีและเมื่อฉันใส่ลงในองค์ประกอบ HTML อย่างไรก็ตามเมื่อฉันพยายามใส่ลงใน JS ของฉันเช่นvar Omega = Ωมันจะแยกวิเคราะห์รหัสนั้นเป็น JS และทุกอย่างไม่ทำงาน ใครรู้วิธีไปเกี่ยวกับเรื่องนี้
137 javascript  html  unicode 

12
ตอบสนอง: เหตุใดองค์ประกอบลูกจึงไม่อัปเดตเมื่อมีการเปลี่ยนแปลงเสา
เหตุใดในตัวอย่างโค้ดหลอกต่อไปนี้ Child จึงไม่แสดงผลอีกครั้งเมื่อคอนเทนเนอร์เปลี่ยน foo.bar Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } แม้ว่าฉันจะเรียกforceUpdate()หลังจากแก้ไขค่าในคอนเทนเนอร์แล้ว Child ก็ยังคงแสดงค่าเดิม
137 javascript  html  reactjs 

10
ฉันจะตรวจสอบองค์ประกอบ html ที่หายไปจาก DOM เมื่อโฟกัสหายไปได้อย่างไร
ฉันกำลังพยายามตรวจสอบคุณสมบัติ CSS จากอินพุตลงในเซลล์ตาราง ข้อมูลที่ป้อนจะปรากฏขึ้นเมื่อคลิกและหายไปเมื่อโฟกัสหายไปเหมือนตอนที่ฉันพยายามตรวจสอบ ฉันจะทำอย่างไรเพื่อไม่ให้โฟกัสหายไปในขณะที่ฉันย้ายไปที่หน้าต่างอื่น (ตัวตรวจสอบ)
137 html  css  dom 

8
มีวิธีใดบ้างในการดีบัก Javascript ภายใน UIWebView
ฉันพยายามหาสาเหตุว่าทำไมบางอย่างกับ Javascript จึงไม่ทำงานภายใน UIWebView สำหรับความรู้ของฉันไม่มีทางที่จะตั้งเบรกพอยต์ภายในของ XCode สำหรับไฟล์ js ไม่มีปัญหาฉันจะกลับไปปี 2004 และใช้ตัวแจ้งเตือน - โอ้เดี๋ยวก่อนพวกเขาดูเหมือนจะไม่ทำงานภายใน UIWebView เหมือนกัน! สิ่งเดียวที่ฉันคิดได้ก็คือการส่งออกไฟล์ HTML และ JS ไปยังเดสก์ท็อปของฉันจากนั้นทำการดีบักภายใน Safari และนั่นก็ใช้ได้! แต่แน่นอนข้อผิดพลาดที่ฉันต่อสู้ด้วยใน UIWebView ไม่ได้เกิดขึ้นใน Safari มีวิธีอื่นในการแก้ไขข้อบกพร่องภายใน UIWebView หรือลูกเล่นอื่น ๆ ที่ฉันสามารถใช้เพื่อใช้วิธีการแจ้งเตือนแบบเก่าได้หรือไม่

7
การจัดการเหตุการณ์ช่องทำเครื่องหมาย jQuery
ฉันมีดังต่อไปนี้: <form id="myform"> <input type="checkbox" name="check1" value="check1"> <input type="checkbox" name="check2" value="check2"> </form> ฉันจะใช้ jQuery เพื่อจับภาพเหตุการณ์การตรวจสอบใด ๆ ที่เกิดขึ้นmyformและบอกว่าช่องทำเครื่องหมายใดถูกสลับ (และรู้ว่ามันถูกสลับหรือปิด)
136 jquery  html  checkbox 

28
วิธีที่ดีที่สุดในการทำให้ยุ่งเหยิงที่อยู่อีเมลในเว็บไซต์หรือไม่
ฉันใช้เวลาสองสามวันในการปรับปรุงเว็บไซต์ส่วนตัวของฉัน URL ของเว็บไซต์ส่วนตัวของฉันคือ (ชื่อจริงของฉัน) (นามสกุลของฉัน) .com เนื่องจากนามสกุลของฉันค่อนข้างแปลกและฉันโชคดีพอที่จะรับชื่อโดเมน ที่อยู่อีเมลของฉันคือ (ชื่อจริง) @ (นามสกุลของฉัน) .com ดังนั้นเมื่อมีการคาดเดามันก็ไม่ยาก อย่างไรก็ตามฉันต้องการรวม mailto: ลิงก์เข้ากับเว็บไซต์ของฉันเพื่อให้ผู้คนสามารถติดต่อฉันได้ และแม้ว่าที่อยู่อีเมลของฉันจะไม่คาดเดาได้ยาก แต่ฉันก็ไม่ได้เก็บข้อมูลจากสแปมบอทที่รวบรวมข้อมูลเว็บไซต์สำหรับรูปแบบที่อยู่อีเมลและเพิ่มไปยังฐานข้อมูลของพวกเขา วิธีที่ดีที่สุดสำหรับฉันที่ทำให้งงงวยที่อยู่อีเมลของฉันโดยเฉพาะอย่างยิ่งในรูปแบบการเชื่อมโยงคืออะไร? วิธีการที่ฉันรู้คือ: <a href="mailto:x@y.com">e-mail me</a> ใช้งานได้ แต่ก็หมายความว่าทันทีที่เว็บไซต์ของฉันเข้าสู่ Google ฉันจะส่งสแปมโดยที่บอทสแปมเลือกที่อยู่อีเมลของฉันได้อย่างง่ายดาย <img src="images/e-mail.png" /> สิ่งนี้เป็นที่พึงปรารถนาน้อยกว่าเพราะไม่เพียง แต่ผู้เข้าชมจะไม่สามารถคลิกเพื่อส่งอีเมลถึงฉันได้ แต่บอทสแปมที่ชาญฉลาดกว่าอาจสามารถตรวจจับตัวอักษรที่เป็นรูปภาพได้ ฉันรู้ว่าอาจไม่มีวิธีที่สมบูรณ์แบบ แต่ฉันแค่สงสัยว่าทุกคนคิดว่าอะไรดีที่สุด ฉันยินดีที่จะใช้ JavaScript หากจำเป็นเนื่องจากเว็บไซต์ของฉันใช้ประโยชน์ได้มากมาย

6
วิธีเพิ่มช่องค้นหาพร้อมไอคอนไปยัง navbar ใน Bootstrap 3
ฉันใช้ Twitter Bootstrap 3 ใหม่และพยายามวางช่องค้นหาเช่นนี้ (ด้านล่าง) ในแถบนำทางด้านบน : ใน Bootstrap 2 มันอาจเป็นแบบนี้: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> แต่ฉันไม่แน่ใจว่าวิธีการผลิตเดียวกันใน Bootstrap 3 มากมีการเปลี่ยนแปลง HTML เริ่มต้นสำหรับรูปแบบช่องค้นหา navbar ใน Bootstrap 3 คือ: <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input …

22
ไอคอนตัวอักษรที่น่ากลัวภายในองค์ประกอบการป้อนข้อความ
ฉันพยายามแทรกไอคอนผู้ใช้ในช่องป้อนชื่อผู้ใช้ ฉันได้ลองวิธีแก้ปัญหาจากคำถามที่คล้ายกันโดย ทราบว่าbackground-imageคุณสมบัติไม่ทำงานเนื่องจากFont Awesomeเป็นแบบอักษร ต่อไปนี้เป็นวิธีการของฉันและฉันไม่สามารถแสดงไอคอนได้ .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; position: absolute; top: 0px; left: -5px; content: "\f007"; } ฉันมีแบบอักษรหน้าประกาศในแบบอักษรเริ่มต้น css ที่น่ากลัวดังนั้นฉันไม่แน่ใจว่าถ้าเพิ่มแบบอักษรตระกูลด้านบนเป็นวิธีที่เหมาะสม @font-face { font-family: 'FontAwesome'; src: url('../Font/fontawesome-webfont.eot?v=3.2.1'); src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); }
136 html  css  fonts  font-awesome 

2
วิธีการจัดแนวบล็อกในบรรทัดในแนวตั้ง?
ฉันต้องการสร้างบล็อกแบบอินไลน์ซึ่งจะทำให้เกิดความกว้างและความสูงที่ไม่รู้จัก (มันจะมีตารางอยู่ข้างในพร้อมเนื้อหาที่สร้างขึ้นแบบไดนามิก) นอกจากนี้บล็อกอินไลน์ควรอยู่ในบรรทัดข้อความเช่น "ข้อความของฉัน (บล็อกที่นี่)" ที่จะทำให้มันดูสวยฉันพยายามที่จะทำให้บล็อกเป็นศูนย์กลางในแนวเส้น ดังนั้นถ้าบล็อกมีลักษณะเช่นนี้: TOP MIDDLE BOTTOM จากนั้นบรรทัดข้อความจะอ่าน: "ข้อความของฉัน ([MIDDLE])" (พร้อมด้านบนและล่างด้านบนและด้านล่างบรรทัด) นี่คือสิ่งที่ฉันมี CSS .example { background-color: #0A0; display: inline-block; margin: 2px; padding: 2px; position: relative; text-align: center; } HTML <div class="example">TOP<br />MIDDLE<br />BOTTOM</div>

9
วิธีจัดกึ่งกลางของภาพ (พื้นหลัง) ภายใน div ได้อย่างไร
เป็นไปได้ไหมที่จะจัดกึ่งกลางของภาพพื้นหลังใน div? ฉันลองทุกอย่างแล้ว - แต่ไม่สำเร็จ: <div id="doit"> Lorem Ipsum ... </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } เป็นไปได้ไหม
136 html  css  image  background  center 

12
ฉันจะใส่รูปภาพ (img) ภายใน div และคงอัตราส่วนไว้ได้อย่างไร
ฉันมี 48x48 div และข้างในนั้นมีองค์ประกอบ img ฉันต้องการให้พอดีกับ div โดยไม่สูญเสียส่วนใดในเวลาที่อัตราส่วนถูกเก็บไว้มันสามารถทำได้โดยใช้ html และ css หรือไม่?
136 html  css 

7
อักขระ Unicode ใน URL
ในปี 2010 คุณจะให้บริการ URL ที่มีอักขระ UTF-8 ในเว็บพอร์ทัลขนาดใหญ่หรือไม่ ห้ามใช้อักขระ Unicode ตาม RFC บน URL (ดูที่นี่ ) พวกเขาจะต้องเข้ารหัสเปอร์เซ็นต์เพื่อให้เป็นไปตามมาตรฐาน แม้ว่าประเด็นหลักของฉันคือให้บริการอักขระที่ไม่ได้เข้ารหัสเพื่อจุดประสงค์เดียวในการมี URL ที่ดูดีดังนั้นการเข้ารหัสเปอร์เซ็นต์จึงไม่อยู่ ดูเหมือนว่าเบราว์เซอร์หลักทั้งหมดจะแยกวิเคราะห์ URL เหล่านั้นได้ไม่ว่า RFC จะพูดอะไรก็ตาม อย่างไรก็ตามความประทับใจโดยทั่วไปของฉันคือมันสั่นคลอนมากเมื่อออกจากโดเมนของเว็บเบราว์เซอร์: URL รับการคัดลอก + วางลงในไฟล์ข้อความอีเมลหรือแม้แต่เว็บไซต์ที่มีการเข้ารหัสที่แตกต่างกัน ไลบรารีไคลเอ็นต์ HTTP เบราว์เซอร์แปลกใหม่โปรแกรมอ่าน RSS ความประทับใจของฉันถูกต้องหรือไม่ที่คาดว่าจะเกิดปัญหาที่นี่และด้วยเหตุนี้จึงไม่ใช่วิธีแก้ปัญหาที่ใช้ได้จริง (แต่) หากคุณให้บริการผู้ชมที่ไม่ใช่ด้านเทคนิคและสิ่งสำคัญคือลิงก์ทั้งหมดของคุณจะทำงานได้อย่างถูกต้องแม้ว่าจะมีการอ้างถึงและส่งต่อก็ตาม มีวิธีวิเศษในการให้บริการ URL ที่ดูดีใน HTML หรือไม่ http://www.example.com/düsseldorf?neighbourhood=Lörick ที่สามารถคัดลอก + วางด้วยอักขระพิเศษเหมือนเดิม แต่ทำงานได้อย่างถูกต้องเมื่อนำมาใช้ซ้ำในไคลเอนต์รุ่นเก่า?
136 html  url  unicode  utf-8 

5
เรียกใช้ JavaScript เมื่อองค์ประกอบสูญเสียโฟกัส
ฉันมีอินพุต HTML มาตรฐานที่ฉันต้องการเรียกใช้โค้ด JavaScript เมื่อมันสูญเสียโฟกัส น่าเสียดายที่การค้นหาใน Google ของฉันไม่เปิดเผยวิธีการทำเช่นนี้ เพื่อให้ชัดเจนฉันกำลังมองหาวิธีทำสิ่งนี้: <input type="text" name="name" value="value" onlosefocus="alert(1);"/>

9
วิธีตั้งค่ารูปแบบเคอร์เซอร์เป็นตัวชี้สำหรับลิงก์ที่ไม่มี hrefs
ฉันมี<a>แท็ก html จำนวนมากที่ไม่มีhrefแอตทริบิวต์สำหรับการonclickเรียกใช้จาวาสคริปต์ ลิงก์เหล่านี้ไม่มีรูปแบบตัวชี้ของเคอร์เซอร์ มีเคอร์เซอร์รูปแบบข้อความ ฉันจะตั้งค่ารูปแบบเคอร์เซอร์เป็นตัวชี้สำหรับลิงก์โดยไม่ใช้hrefแอตทริบิวต์ได้อย่างไร ฉันรู้ว่าฉันสามารถเพิ่ม href = "#" ได้ ฉันมีสิ่งนี้ในหลาย ๆ ที่ในเอกสาร html และต้องการทราบวิธีสร้างตัวชี้รูปแบบเคอร์เซอร์สำหรับลิงก์โดยไม่ต้องใช้hrefแอตทริบิวต์

11
วิธีแยกวิเคราะห์ไฟล์ Excel ใน Javascript / HTML5
ฉันสามารถอ่านไฟล์ Excel ได้FileReaderแต่มันแสดงผลเป็นข้อความและตัวอักษรแปลก ๆ ด้วย ฉันต้องการอ่านxlsแถวไฟล์อย่างชาญฉลาดอ่านข้อมูลในทุกคอลัมน์และแปลงเป็น JSON วิธีอ่านไฟล์ xls ทีละแถว?

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