กาลครั้งหนึ่งนานมาแล้วชายคนหนึ่งตีพิมพ์ร่างการออกแบบ หลังจากเผยแพร่ร่างการออกแบบเขาเปิด DW และลากหน้าออก หลังจากที่เขาทำงานหนักเขาต้องเขียนพื้นหลัง ศิลปะศิลปะการต่อสู้ที่เรียกว่า "ศิลปิน"
ต่อไปนี้เป็นบทความการสอนเกี่ยวกับประสบการณ์และการวิเคราะห์ความหมายของ HTML5 และความหมาย HTML5 เนื้อหาเป็นบทช่วยสอนที่เลือกอย่างระมัดระวังและรวบรวมโดยเว็บไซต์นี้ ฉันหวังว่ามันจะเป็นประโยชน์กับชาวเน็ต ต่อไปนี้เป็นเนื้อหาโดยละเอียด:
บางคนก่อนเริ่มต้นกาลครั้งหนึ่งนานมาแล้วชายคนหนึ่งตีพิมพ์ร่างการออกแบบ หลังจากเผยแพร่ร่างการออกแบบเขาเปิด DW และลากหน้าออก หลังจากที่เขาทำงานหนักเขาต้องเขียนพื้นหลัง ศิลปะศิลปะการต่อสู้ที่เรียกว่า "ศิลปิน" สิ่งที่ยากยิ่งขึ้นคือเมื่อทุกความต้องการการเปลี่ยนแปลงคุณสามารถปรับเปลี่ยนอาการมึนงงได้มาก
ดังนั้น Div+CSS จึงถูกนำไปสู่เวทีของยุคอินเทอร์เน็ตและหนังสือดอกทานตะวัน "Div+CSS" มากกว่าหนึ่งเล่มเกิดข้ามคืน ในเวลานั้นเราอาศัยอยู่ในยุคของ Div+CSS และในเวลานั้นเราใช้มัน
หลังจากนั้นเอวของฉันไม่เจ็บขาของฉันไม่เจ็บและฉันก็ตื่นเต้นมากขึ้นเมื่อทำงานล่วงเวลา
yy จบไปที่หัวข้อGhost เคยอธิบายความหมายในบทความ "semanticization in page refactoring" เมื่อสองปีก่อนและท่าเทียบเรือ "อะไรคือประโยชน์ของโครงสร้าง HTML semantic?
การฟื้นฟูใช้เวลา 7 ปี บางทีวันนี้เราสามารถเขียนหน้าเว็บได้อย่างชำนาญ แต่การเขียนหน้าเว็บนั้นง่ายแค่ไหน? ให้เราแยกแยะความคิดของเราทบทวนพื้นฐานและรวมเข้ากับแนวโน้มปัจจุบันแล้วพูดคุยเกี่ยวกับหัวข้อของความหมาย Shenma Semanticization หรือไม่? ทำไมต้อง semanticize?
ความหมายในการสร้างใหม่สามารถแบ่งออกเป็นสองส่วน: (x) ความหมายของแท็ก HTML และความหมายของการตั้งชื่อ CSS
ไม่มีเรื่องไร้สาระ:
(รูปที่ 1)
รูปที่ 1 วิธีการใช้งานของการไม่ใช้ความหมาย: no_emantic_html วิธีการใช้งานของ semanticization: emantic_html
คุณพูดถูก
คุณมีความชอบเป็นพิเศษหรือไม่? หลังจากได้รับร่างการออกแบบทักษะเวทย์มนตร์นับไม่ถ้วนได้ลดลงบนหน้าจอโดยไม่ได้ตั้งใจหรือไม่? หากเป็น no_emantic_html ขอแสดงความยินดีกับการมีเครื่องราง
ใช้แท็ก HTML ที่สมเหตุสมผลและคุณสมบัติที่เป็นเอกลักษณ์ของพวกเขาในการจัดรูปแบบเนื้อหาเอกสาร - นี่คือคำอธิบายของ Shuke เกี่ยวกับแท็กความหมายดังนั้นจึงเป็นไปไม่ได้
ไม่จำเป็นต้องใช้สถานที่ที่มีโครงสร้าง HTML เพราะเป็นฉลากความหมาย คำดั้งเดิมคือการแบ่งซึ่งหมายถึงการแยกและบล็อก โดยทั่วไปจะใช้เฉพาะในสถานที่ที่มีโครงสร้าง HTML ในเวอร์ชันก่อนหน้าของ (x) HTML
แต่เราจะเขียนฉลากความหมายได้อย่างไร? เริ่มต้นด้วยพื้นฐาน สิ่งที่เราจัดการกับสิ่งที่มากที่สุดทุกวันคือฉลากเช่น Div H1-H6 Ul-Li P ฉันสงสัยว่าคุณมีความเข้าใจในเชิงลึกเกี่ยวกับฉลากเหล่านี้หรือไม่ มาดูตารางด้านล่าง
| ฉลาก | คำดั้งเดิม | อธิบาย | Semanticization (Y/N) |
|---|---|---|---|
| H1-H6 | ศีรษะ | กำหนดชื่อ HTML | y |
| P | ย่อหน้า | กำหนดย่อหน้า | y |
| อล | รายการที่ไม่ได้เรียงลำดับ | กำหนดรายการที่ไม่ได้เรียงลำดับ | y |
| โอล | รายการที่สั่งซื้อ | กำหนดรายการที่สั่งซื้อ | y |
| หลี่ | รายการ | รายการที่กำหนดรายการ | y |
| DL | รายการคำจำกัดความ | รายการคำจำกัดความ | y |
| DT | คำนิยาม | กำหนดรายการในรายการนิยาม | y |
| DD | คำอธิบายคำอธิบาย | คำอธิบายของรายการในรายการนิยาม | y |
| โต๊ะ | โต๊ะ | กำหนดตาราง | y |
| พวกเขา | หัวโต๊ะ | กำหนดเนื้อหาของส่วนหัวในตาราง | y |
| tbody | ตัวโต๊ะ | กำหนดเนื้อหาหลักในตาราง | y |
| ไทย | เซลล์หัวโต๊ะ | กำหนดเซลล์ส่วนหัวในตาราง | y |
| TR | แถวโต๊ะ | กำหนดแถวในตาราง | y |
| TD | ตารางข้อมูลตาราง | กำหนดหน่วยในตาราง | y |
| อัน | จุดยึด | กำหนดสมอ | y |
| IMG | ภาพ | กำหนดภาพ | y |
| กลุ่ม | แผนก | กำหนดส่วนในเอกสาร | n |
| ช่วง | ช่วง | กำหนดส่วนในเอกสาร | n |
ข้างต้นแสดงรายการแท็กบางส่วนที่เราใช้โดยทั่วไป สำหรับแท็กเพิ่มเติมโปรดดูที่ W3C โดยทั่วไปแท็ก HTML ทั้งหมดเป็นตัวย่อของคำหรือวลีซึ่งจริง ๆ แล้วหมายความว่ามันสะดวกกว่าสำหรับความเข้าใจของเราเกี่ยวกับความหมาย ในความเป็นจริงในบรรดาแท็ก HTML (x) ทั้งหมดยกเว้น
และฉลากปราศจากความหมาย 2 ป้ายกำกับอื่น ๆ มีความหมาย โดยการรู้ว่ามีป้ายกำกับใดและเข้าใจความหมายดั้งเดิมของแต่ละฉลากคุณสามารถรู้วิธีการใช้งานได้ คุณไม่รู้ว่าควรใช้เมื่อใด
ทุกคนรู้จักเทศกาลเปลือย CSS ประจำปีใช่ไหม? หากแท็กที่เลือกนั้นเกือบทั้งหมดไม่มีความหมายแสดงว่าแทบไม่มีข้อมูลโครงสร้างในหน้าเว็บหลังจาก DESLE และความสามารถในการอ่านนั้นแย่มาก หากแท็กที่เลือกนั้นเหมาะสำหรับความหมายหน้าเว็บยังคงมีความสามารถในการอ่านที่ดีมากหลังจาก DESLE; แต่ละเบราว์เซอร์มีสไตล์เริ่มต้นของตัวเองและสไตล์เริ่มต้นจะให้การแสดงผลที่แตกต่างกันสำหรับแต่ละแท็ก ความถูกต้องของแท็กสามารถสะท้อนให้เห็นถึงความสามารถในการใช้งานของเว็บไซต์ซึ่งเป็นหนึ่งในวิธีที่ง่ายที่สุดในการทดสอบการใช้งานเว็บไซต์ ขอแนะนำให้ทุกคนตรวจสอบการใช้แท็กเว็บไซต์อย่างเป็นทางการของ W3C ให้ใช้ Web Developer เพื่อปิดการใช้งาน CSS เพื่อดูวิธีการดู? การตั้งชื่อความหมาย CSS หมายถึงชื่อคลาสหรือชื่อ ID ที่แนบมากับแท็ก HTML พร้อมชื่อที่เข้าใจง่าย การตั้งชื่อความหมายเกี่ยวข้องกับข้อกำหนดการตั้งชื่อทีม เฉพาะการตั้งชื่อความหมายที่ดีกว่าตามข้อกำหนดของทีมเท่านั้นคือราชา ในความเข้าใจของฉันการตั้งชื่อ CSS แบบความหมายอย่างน้อยควรปฏิบัติตามอนุสัญญาต่อไปนี้: พยายามหลีกเลี่ยงการตั้งชื่อพินอินและใช้คำภาษาอังกฤษเพื่อตั้งชื่อ มีสามวิธีในการเชื่อมต่อคำ: Underscore_, Spacer Symbol- และการตั้งชื่ออูฐ โปรดดูข้อมูลจำเพาะของทีมสำหรับการใช้งานเฉพาะ แต่ฉันแนะนำโดยส่วนตัวไม่ใช้วิธีการเชื่อมต่อมากกว่า 2 วิธีในเวลาเดียวกัน อย่าทำตามตัวเลขที่ไม่มีความหมายหลังจากคำ เช่น LOGO1234 (ยกเว้นข้อตกลงของทีม) สำหรับการตั้งชื่อการเชื่อมต่อของคำยาวมากเกินไปคุณสามารถใช้ตัวย่อได้ แต่ควรมั่นใจได้ว่าสมาชิกทุกคนสามารถเข้าใจได้ คำที่ตกลงกันบางคำสามารถช่วยคุณตั้งชื่อพวกเขาได้อย่างรวดเร็ว: มีจำนวนมากเกินไปดังนั้นฉันจะไม่แสดงรายการทีละรายการ หากคุณพบคำพูดที่คุณไม่รู้จักโปรดเพิ่มภาษาอังกฤษลงไป! ความหมายของการตั้งชื่อ CSS
头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column登录条：loginbar标志：logo广告：banner轮转：promo页面主体：main热点：hot新闻：news 下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink版权copyright
[1] [2] หน้าถัดไป