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

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

3
ฉันสามารถใช้แท็ก <link> ในเนื้อหาของเอกสาร HTML ได้หรือไม่
ฉันสามารถใช้&lt;link&gt;แท็กในเนื้อหาของหน้า HTML ได้ไหม? ฉันพยายามค้นหาคำตอบสำหรับคำถามนี้ แต่พบข้อมูลที่ขัดแย้ง เมื่อเพิ่ม Schema.org microdata มาร์กอัปไปยังหน้า HTML ฉันต้องการเพิ่มข้อมูลที่ยอมรับในแท็กลิงก์เช่นนี้: &lt;div itemscope itemtype="http://schema.org/Book"&gt; &lt;span itemprop="name"&gt;The Catcher in the Rye&lt;/span&gt;— &lt;link itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" /&gt; by &lt;span itemprop="author"&gt;J.D. Salinger&lt;/span&gt; &lt;/div&gt; ผมได้รับรหัสตัวอย่างข้างต้นจากSchema.org ตามพวกเขานี่คือวิธีที่จะไปสำหรับคนที่ต้องการเพิ่มการอ้างอิงที่เป็นที่ยอมรับใน itemprop แต่ไม่ต้องการที่จะวางไฮเปอร์ลิงก์บนเว็บไซต์ของพวกเขา อย่างไรก็ตาม W3 ระบุไว้อย่างชัดเจนว่า&lt;link&gt;ควรวางแท็กไว้ในส่วนหัวเท่านั้นจึงทำให้ตัวอย่าง Schema.org ไม่ถูกต้อง หากฉันต้องการแก้ไขมาร์กอัปฉันควรปฏิบัติตามคำแนะนำใด
20 seo  html  html5  microdata 

5
มีเอกสารอะไรบ้างสำหรับ HTML, CSS และ JavaScript
ผู้ใช้ PHP มีเอกสาร PHP.net ผู้ใช้ Ruby มีRuby-Doc.org ผู้ใช้ Python มีdocs.python.org ผู้ใช้ jQuery มีdocs.jquery.com ทั้งหมดจะถูกพิจารณาว่าเป็นการอ้างอิงอ้างอิงเมื่อทำงานภายในสภาพแวดล้อม แต่ที่ 'คู่มือ' สำหรับนักออกแบบและนักพัฒนาเว็บที่ทำงานกับ HTML, CSS และ (วานิลลา) JavaScript อยู่ที่ไหน ผู้ดูแลเว็บควรใช้เอกสารออนไลน์ที่ฟรีน่าเชื่อถือเชื่อถือได้และค้นหาได้และผู้ใช้อ้างอิงในงานประจำวันของพวกเขาอย่างไร อัปเดต:ฉันควรจะบอกว่าฉันรู้ถึงคุณสมบัติของ W3C และข้อมูลจำเพาะ ECMAScript แต่รู้สึกว่าพวกเขาเหมาะสมกับผู้ขายเบราว์เซอร์มากกว่าผู้ดูแลเว็บ จากบทนำของข้อกำหนด HTML5 : "... ในที่ที่มันเสียสละความชัดเจนเพื่อความแม่นยำและความกะทัดรัดเพื่อความสมบูรณ์ ... " ดังนั้นหากต้องการใช้ถ้อยคำใหม่กับคำถามเดิมของฉัน: มีการอ้างอิงออนไลน์แบบด่วนที่ชัดเจนอะไรบ้างสำหรับ HTML, CSS และ JavaScript

5
ฉันจะตรวจสอบ HTML แบบออฟไลน์ได้อย่างไร
เมื่อฉันพัฒนาเว็บไซต์ในบางครั้งฉันต้องการตรวจสอบว่า html นั้นถูกต้อง แต่ฉันไม่สามารถหาเครื่องมือที่ดีได้ ฉันต้องการบางส่วนเป็นการตรวจสอบสติเมื่อฉันแก้ไขปัญหาเลย์เอาต์ คุณช่วยแนะนำเครื่องมือที่สามารถตรวจสอบ HTML ออฟไลน์ได้หรือไม่? ฉันไม่ได้กำลังมองหาการตรวจสอบภายในของ IDE แต่สิ่งที่จะโหลดหน้าเว็บจากเว็บเซิร์ฟเวอร์ ขอขอบคุณ!

7
ฉันจะเพิ่ม favicon ในเว็บไซต์ของฉันได้อย่างไร
คำถามนี้ถูกโยกย้ายจาก Stack Overflow เนื่องจากสามารถตอบได้ใน Webmasters Stack Exchange อพยพ 9 ปีที่ผ่านมา มาตรฐานที่ทันสมัยสำหรับการเพิ่ม favicon ในเว็บไซต์ของฉันคืออะไร รูปแบบและขนาดของรูปภาพมาตรฐานคืออะไร?
20 html  images  favicon 

2
เมตาแท็กใดไม่คุ้มค่ากับความพยายาม
หลังจากอ่านคำถามเกี่ยวกับคำหลักเมตาฉันสงสัยว่าเมตาแท็กทั้งหมดของอันไหนควรค่ากับความพยายาม? ฉันรู้ว่ามีการใช้คำอธิบายในผลการค้นหาของ Google และเบราว์เซอร์ประเภทเนื้อหาและการเข้ารหัสจะถูกใช้ แต่แท็กอื่น ๆ ที่เราควรรวมไว้ในหน้าของเราคืออะไร
19 html  meta-tags 

4
แอตทริบิวต์ hreflang ที่อ้างอิงตนเองสำหรับเว็บไซต์ภาษาเดียว
ฉันได้รับแจ้งจาก บริษัท SEO ให้เพิ่มhreflangแอตทริบิวต์ให้กับทุกหน้าในเว็บไซต์ภาษาเดียว (เช่น 'แท็ก' อ้างอิงตนเอง) แต่ทุกอย่างที่ฉันอ่านเกี่ยวกับแท็ก hreflang รวมถึงของ Googleแสดงให้เห็นว่า มันมีประโยชน์จริงๆสำหรับเว็บไซต์หลายภาษา การเพิ่มสิ่งนี้จะเป็นงานจำนวนมากสำหรับไซต์นี้โดยเฉพาะและฉันไม่เห็นประโยชน์ที่อาจเกิดขึ้นจริง ๆ (หรือแม้แต่สิ่งบ่งชี้ว่าสิ่งนั้นถือว่าเป็นการปฏิบัติที่ดีที่สุดสำหรับทุกคน) บล็อกโพสต์เว็บมาสเตอร์ของ Google นี้ไม่แนะนำให้ใช้แอตทริบิวต์การอ้างอิงตนเอง hreflangแต่เกี่ยวข้องกับเว็บไซต์หลายภาษาเท่านั้น "หากคุณมี URL หลายภาษาแต่ละหน้าภาษาจะต้องระบุเวอร์ชันภาษาทั้งหมดรวมถึงตัวเองตัวอย่างเช่นหากเว็บไซต์ของคุณมีเนื้อหาเป็นภาษาฝรั่งเศสอังกฤษและสเปนเวอร์ชั่นสเปนจะต้องมี rel =" ทางเลือก " hreflang = "x" ลิงก์สำหรับตัวเองนอกเหนือจากลิงก์ไปยังเวอร์ชันภาษาฝรั่งเศสและอังกฤษในทำนองเดียวกันเวอร์ชันภาษาอังกฤษและภาษาฝรั่งเศสจะต้องมีการอ้างอิงเดียวกันกับเวอร์ชันภาษาฝรั่งเศสภาษาอังกฤษและภาษาสเปน " มีประโยชน์ SEO ในการเพิ่มแท็กดังกล่าวในเว็บไซต์ภาษาเดียวหรือไม่ เช่นเพียงตัวอย่างเดียวเช่น: &lt;link hreflang="en" href="http://www.example.com" rel="alternate"&gt; ... ไปที่เอกสาร&lt;head&gt;หรือไม่ (โปรดทราบว่านี่คือนอกเหนือจากlang="en"แอตทริบิวต์บังคับใน&lt;html&gt;องค์ประกอบ.)
19 seo  google  html  html5  meta-tags 

1
ฉันสามารถสั่งให้เบราว์เซอร์ไม่มองหา favicon ได้หรือไม่?
ฉันมีเว็บไซต์ที่ไม่มี / ต้องการ favicon มีวิธีในการสั่งให้เบราว์เซอร์ไม่ให้เสียคำขอหรือ / favicon.ico หรือไม่? ฉันไม่ได้หมายถึงการกรองบันทึก แต่มีบางสิ่งที่ฝั่งไคลเอ็นต์เช่นนี้: &lt;link rel="shortcut icon" href="about:blank" /&gt; ดูเหมือนว่าจะใช้งานได้ แต่ฉันไม่อยู่ในตำแหน่งที่จะทำการทดสอบที่ครอบคลุม (และเครื่องมือค้นหาไม่มีประโยชน์) ทุกคนสามารถยืนยันว่านี่เป็นวิธีที่ถูกต้องหรือเป็นทางเลือกที่เหมาะสมหรือไม่ อัปเดต:ในการตรวจสอบเพิ่มเติมนั่นไม่ได้ผล (อย่างน้อยก็ไม่ใช่กับ Chromium 18 บนโดเมนที่ไม่ใช่ของท้องถิ่น) วิธีแก้ปัญหาบางส่วนใช้data:URL เพื่อแสดงภาพว่างเปล่า base64 ( ตัวอย่างจากที่นี่ ): &lt;link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" /&gt; สิ่งนี้ใช้ได้ แต่มีสองด้าน: มันอาจจะล้มเหลวในเบราว์เซอร์ที่ไม่สนับสนุน URL ข้อมูล มันส่งผลให้ไม่มี favicon เลย - นั่นคือซ่อนไอคอนเริ่มต้นของเบราว์เซอร์
19 html  favicon 


6
ชื่อคลาส CSS มีผลกับ SEO หรือไม่
ฉันเห็นคู่แข่งบางรายของเราใช้ชื่อคลาส CSS ที่มีคำหลักมากมาย ตัวอย่างเช่นถ้าฉันอยู่ในธุรกิจตัดแต่งขนสัตว์เลี้ยงฉันจะตั้งชื่อของฉัน#menuเป็น: #menu.pet.grooming.moreKeywords.etc { ... } สิ่งนี้มีผลกับ SEO หรือไม่ ถ้าเป็นเช่นนั้นการปฏิบัติที่ดีที่สุดคืออะไร?
18 seo  html  css 

4
วัตถุประสงค์ในการนำสแลชใน URL HTML คืออะไร
ฉันได้สังเกตเห็นว่าบางคนโพสต์บล็อกมีการเชื่อมโยงโดยใช้ค่าเริ่มต้นด้วยใน/href ตัวอย่างเช่น: &lt;a href="/somedir/somepage.html"&gt;My Page&lt;/a&gt; ส่วนนำ/หมายถึงเส้นทางเริ่มต้นจากรูทไซต์หรือไม่ กล่าวอีกนัยหนึ่งถ้า URL ของเว็บไซต์นั้นเป็นค่าที่www.mysite.comมีประสิทธิภาพhrefคือwww.mysite.com/somedir/somepage.htmlอะไร? นี่เป็นข้อตกลงที่ยอมรับในเบราว์เซอร์ทั้งหมดหรือไม่?
18 html  url  links 

2
วิธีเลียนแบบ <pre> ด้วย <div>
ฉันกำลังเผยแพร่รหัสหลามบนเว็บไซต์ (นั่นคือ CMS) ฉันมีสคริปต์หลามที่อ่านสคริปต์หลามใด ๆ และทำให้ HTML สีไวยากรณ์ออกมาจากมัน จากนั้นฉันก็คัดลอก / วาง HTML นี้ในหน้าต่างแก้ไข CMS ปัญหาคือว่าสคริปต์การเน้นภาษาไพ ธ อนของฉันใช้&lt;pre&gt;แท็กเพื่อเก็บแท็บ / ช่องว่างซึ่งค่อนข้างสำคัญในงูหลาม อย่างไรก็ตาม CMS จะลบ&lt;pre&gt;แท็กออกด้วยเหตุผลบางประการ ผู้ดูแลระบบบอกผมว่าผมควรจะใช้แทน&lt;div&gt; &lt;pre&gt;คุณสามารถช่วยฉันจัดแต่งทรงผม&lt;div&gt;เพื่อรักษารูปแบบพื้นที่ว่างได้หรือไม่?
18 html  css 

8
JavaScript แบบอินไลน์ดีหรือไม่ดี
ขณะนี้ฉันได้เปลี่ยนจาก WordPress เป็นYii Frameworkและนักพัฒนาภายนอกกำลังสร้างเว็บไซต์ของฉันใหม่ สิ่งหนึ่งที่ฉันสังเกตเห็นคือทุกครั้งที่เขาเรียกใช้ AJAX / jQuery ในแบบ Yii มันฝังตัวแทรกแบบอินไลน์ของ JavaScriptในหน้าเว็บ แม้ว่าดูเหมือนว่ารหัส JavaScript จะอยู่ด้านล่างส่วนท้าย แต่ก็ยังอยู่ในบรรทัด โดยทั่วไปดูเหมือนว่ารหัส JavaScript จะถูกวางไว้ในหน้าเว็บบ่อยขึ้น ฉันคิดเสมอว่าควรวางสคริปต์ JavaScript ไว้ในไฟล์ JavaScript ให้มากที่สุดเท่าที่จะทำได้ นี่เป็นแนวโน้ม "ใหม่" หรือไม่? หรือฉันควรจะพยายามเก็บรหัส JavaScript ไว้ในไฟล์แยกกันหรือไม่?
16 html  javascript 

2
ถึง <p> หรือไม่ไปที่ <p>
ฉันเพิ่งมีการถกเถียงกับเพื่อนร่วมงานที่อ้างว่า&lt;div&gt;ควรใช้&lt;p&gt;แท็กเหนือแท็กเมื่อจัดรูปแบบย่อหน้า กรณีต่อต้านการใช้งาน&lt;p&gt;คือมันสร้างระยะห่างที่ผิดปกติในเบราว์เซอร์และมีแนวโน้มที่จะล้าสมัยเหมือน&lt;b&gt;แท็ก ความคิดเห็นของ&lt;p&gt;แท็กนี้แชร์โดยชุมชนหรือไม่
16 html 

6
ตำแหน่งฉลากแบบฟอร์มสำหรับการใช้งานที่ดีที่สุด
ฉันสร้างฟอร์มที่จะขอให้ผู้เข้าชมสำหรับพวกเขาfirstname, และmiddle initial lastnameฉันต้องการให้ฟิลด์ข้อความเหล่านั้นเป็นแบบอินไลน์ทั้งหมด แต่ฉันควรวางป้ายกำกับไว้ที่ไหน ด้านซ้ายบนหรือใต้ช่อง ฉันกำลังมองหาวิธีที่ดีที่สุดจากมุมมองการใช้งาน

7
HTML และโหมด "นิสัยใจคอ" กับ "การปฏิบัติตามมาตรฐาน": อธิบายและบอกเราว่าทำไมเราถึงต้องใส่ใจ
อะไรคือความแตกต่างระหว่างโหมด "นิสัยใจคอ" และ "การปฏิบัติตามมาตรฐาน" เมื่อสร้างเว็บเพจ HTML? จะบอกได้อย่างไรว่าเมื่อใช้งานในโหมดเดียวกับโหมดอื่น? ทำไมคน - เช่นผู้ดูแลเว็บและนักออกแบบเว็บและนักพัฒนา - ใส่ใจเกี่ยวกับการเลือกโหมดการปฏิบัติตามมาตรฐานมากกว่าโหมดนิสัยใจคอ? โหมดนิสัยใจคอมีเหตุผลพอสมควรหรือไม่เมื่อพัฒนาเนื้อหาใหม่

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