Audiovisual contentWeb page files d

Audiovisual content
Web page files don’t contain graphics or audiovisual material directly but use image or other pointer links to incorporate graphics and media into the final assembly of the web page in the browser. These links, and the alternate text (“alt” text) or long description (“longdesc”) links they contain, are critical for universal usability and search engine visibility. Web users don’t just search for text. Search engines use the alternate text descriptions to label images with keywords, and visually impaired users depend on alternate text to describe the content of images. Proper semantic markup will ensure that your audiovisual media are maximally available to everyone in your audience and to search engines.

Interactive scripting
JavaScript is a language commonly used to create interactive behaviors. JavaScript is also a key technology in web page content delivery strategies such as Ajax. All JavaScript code belongs in the “head” area of your web page, but if your code is complex and lengthy, your “real” page content will be pushed dozens of lines down below the code and may not be found by search engines. If you use page-level JavaScript scripting (also called client-side scripting), you should place all but the shortest bits of code in a linked file. This way you can use lengthy, complex JavaScript without losing search page ranking.

Other document formats
The web supports document formats other than html. pdf (Portable Document Format), Flash, and Shockwave are formats commonly used to provide functionality that is not available using basic html. pdf files are favored for documents that originated in word-processing and page layout programs and retain the appearance of the original document. Flash and Shockwave provide interactivity beyond what is available using standard html. In general, the best approach is to offer documents as plain html because the markup offers greater flexibility and is designed to enable universal usability. At times, however, the additional features and functionality offered by these other formats is essential; in this case, be sure to use the software’s accessibility features. Adobe in particular has made efforts to incorporate accessibility features into its web formats by supporting semantic markup, text equivalents, and keyboard accessibility.

Watch for browser variations

html and css for tables, forms, positioning, and alignment sometimes work slightly differently in each brand or operating system version of web browser. These subtleties normally pass unnoticed, but in very precise or complex web page layouts they can lead to nasty surprises. Never trust the implementation of html, css, JavaScript, Java, or any plug-in architecture until you have seen your web pages displayed and working reliably with each major web browser and across operating platforms.

Check your web logs or use a service such as Google Analytics to be sure that you understand what browser brands, browser versions, and operating systems (Mac, Windows, mobile) are most common in your readership. If you encounter a discrepancy in how your pages render in different browsers, check that you are using valid html and css code (see chapter 1, html and css code validation). Not every browser supports every feature of css, particularly if that feature is seldom used or has recently been added to the official standards for css code. For example, although drop-shadowed text is a valid css option, not all browsers support it.

Summary on semantic markup

Set careful markup and editorial standards based on semantic markup techniques and standard html document types, and adhere to those standards throughout the development process. Today’s web environment is a lot more than just Internet Explorer or Firefox on a desktop computer—hundreds of mobile computing devices are now in use, and new ways of viewing and using web content are being invented every day. Ultimately, following semantic web markup practices and using carefully validated page code and style sheets is your best strategy for ensuring that your web content will be broadly useful and visible into the future.

ผลลัพธ์ (ไทย) 1:

เนื้อหาภาพ
ไฟล์เว็บเพจที่ไม่ประกอบด้วยกราฟิกหรือภาพวัสดุโดยตรง แต่ใช้รูปภาพหรือลิงค์อื่น ๆ ชี้การรวมกราฟิกและสื่อในแอสเซมบลีที่สุดท้ายของหน้าเว็บในเบราว์เซอร์ เชื่อม โยงเหล่านี้ และ ข้อความอื่น (ข้อความ "alt") หรือเชื่อมโยงคำอธิบาย ("longdesc") ยาวพวกเขาประกอบด้วย ความสากลค้นหาและใช้งานเครื่องยนต์เห็น ผู้ใช้เว็บไม่เพียงค้นหาข้อความ โปรแกรมค้นหาใช้ข้อความทดแทนคำอธิบายป้ายชื่อรูปกับคำสำคัญ และความเห็นผู้ใช้ขึ้นอยู่กับข้อความอื่นเพื่ออธิบายเนื้อหาของภาพ มาร์กอัปความหมายที่เหมาะสมจะมั่นใจว่า สื่อภาพของคุณมี maximally ทุกคน ในกลุ่มเป้าหมายของคุณ และค้นหาเครื่องยนต์

เขียนสคริปต์แบบโต้ตอบ
JavaScript เป็นภาษาที่ใช้เพื่อสร้างลักษณะการทำงานแบบโต้ตอบ JavaScript ยังเป็นเทคโนโลยีสำคัญในกลยุทธ์ส่งเนื้อหาของหน้าเว็บเช่นอาแจ็กซ์ รหัส JavaScript ทั้งหมดเป็นบริเวณ "หัว" ของหน้าเว็บของคุณ แต่ถ้ารหัสข้อความซับซ้อน และยาวมาก หน้า "จริง" เนื้อหาจะมีการผลักดันหลายสิบบรรทัดลงด้านล่างรหัส และไม่สามารถพบ โดยเครื่องมือค้นหา ถ้าคุณใช้ JavaScript หน้าสคริปต์ (ยังเรียกว่าไคลเอนต์-ไซด์สคริปต์), คุณควรทำทั้งหมดแต่บิตสั้นรหัสในแฟ้มที่เชื่อมโยง วิธีนี้คุณสามารถใช้ JavaScript แบบยาว ซับซ้อนโดยไม่สูญเสียการจัดอันดับหน้าค้นหา

รูปแบบเอกสารอื่น ๆ
เว็บสนับสนุนรูปแบบเอกสาร html อื่น ๆ pdf (รูปแบบเอกสารแบบพกพา), แฟลช และ Shockwave เป็นรูปแบบที่ใช้กันทั่วไปให้ฟังก์ชันที่ไม่มีการใช้ html พื้นฐาน ไฟล์ pdf ชื่นชอบสำหรับเอกสารที่ถูกสร้างในโปรแกรมเค้าโครงประมวลคำและหน้า และรักษาลักษณะที่ปรากฏของเอกสารต้นฉบับ แฟลชและ Shockwave ให้โต้ตอบนอกเหนือจากที่มีการใช้มาตรฐาน html อยู่ ทั่วไป วิธีดีที่สุดคือการ นำเสนอเอกสารเป็น html ธรรมดาเนื่องจากจะมีความยืดหยุ่นมากขึ้น และถูกออกแบบมาให้ใช้งานสากล บางครั้ง อย่างไรก็ตาม คุณลักษณะเพิ่มเติมและการทำงานที่นำเสนอ โดยรูปแบบอื่น ๆ เหล่านี้เป็นสิ่งจำเป็น ในกรณีนี้ ให้แน่ใจว่าการใช้คุณลักษณะของซอฟต์แวร์การเข้าถึง โปรแกรม adobe โดยเฉพาะได้พยายามรวมถึงในรูปแบบของเว็บ โดยการสนับสนุนทางตรรก เทียบเท่าข้อความ ราคา และการเข้าถึงแป้นพิมพ์

ดูสำหรับเบราว์เซอร์

html และ css สำหรับตาราง ฟอร์ม ตำแหน่ง ตำแหน่งงานบางครั้งเล็กน้อยแตกต่างกันในแต่ละแบรนด์หรือระบบปฏิบัติการรุ่นของเบราว์เซอร์ ละเอียดอื่นเหล่านี้ปกติจะผ่านจำเริญ แต่ในโครงร่างหน้าเว็บชัดเจนมาก หรือซับซ้อน พวกเขาอาจจะประหลาดใจที่น่ารังเกียจ ไม่เคยเชื่อถือใช้ html, css, JavaScript, Java หรือสถาปัตยกรรมปลั๊กอินใด ๆ จนกว่าคุณได้เห็นหน้าเว็บที่แสดงและทำงานได้ กับทุกเบราว์เซอร์หลัก และปฏิบัติการแพลตฟอร์มของคุณ

ตรวจสอบล็อกเว็บของคุณ หรือใช้บริการเช่น Google Analytics เพื่อให้แน่ใจว่า คุณเข้าใจอะไรเบราว์เซอร์ยี่ห้อ รุ่นของเบราว์เซอร์ และระบบปฏิบัติการ (Mac, Windows มือถือ) มากที่สุดในผู้อ่านของคุณ ถ้าคุณพบความขัดแย้งในวิธีแสดงเพจของคุณในเบราว์เซอร์ที่แตกต่างกัน ตรวจสอบว่า คุณกำลังใช้ html และ css โค้ดที่ถูกต้อง (ดูบทที่ 1 ตรวจสอบรหัส html และ css) เบราว์เซอร์ไม่สนับสนุนทุกคุณสมบัติของ css โดยเฉพาะอย่างยิ่งถ้าคุณลักษณะที่ค่อยใช้ หรือเพิ่งถูกเพิ่มมาตรฐานอย่างเป็นทางการสำหรับโค้ด css ตัวอย่าง แต่ ตัว css ถูกแรเงาฝากข้อความ เบราว์เซอร์ไม่สนับสนุนมัน

สรุปบนมาร์กความหมาย

ตั้งราคาระวังและมาร์กอัปความหมายเทคนิคและชนิดเอกสาร html มาตรฐาน มาตรฐานบรรณาธิการ และปฏิบัติตามมาตรฐานเหล่านั้นตลอดกระบวนการพัฒนา วันนี้เว็บสิ่งแวดล้อมเป็นจำนวนมากมากกว่า Internet Explorer หรือ Firefox บนคอมพิวเตอร์เดสก์ท็อป — ร้อยอุปกรณ์คอมพิวเตอร์มือถือก็ใช้ และวิธีใหม่ในการดู และการใช้เนื้อหาของเว็บจะมีการคิดค้นทุกวัน ในที่สุด ตามแนวทางของมาร์กอัปเว็บเชิงความหมาย และใช้อย่างระมัดระวังตรวจสอบรหัสหน้า และสไตล์ชีเป็นกลยุทธ์ของคุณดีที่สุดเพื่อที่เนื้อหาเว็บจะอย่างกว้างขวางมีประโยชน์ และมองเห็นได้ในอนาคต

ผลลัพธ์ (ไทย) 3:

ภาพและเสียงเนื้อหา
เว็บไฟล์หน้าไม่ได้มีกราฟิกหรือโสตทัศนวัสดุโดยตรง แต่ใช้ภาพหรือการเชื่อมโยงตัวชี้อื่น ๆที่จะรวมกราฟิกและสื่อในการประกอบขั้นสุดท้ายของหน้าเว็บในเบราว์เซอร์ การเชื่อมโยงเหล่านี้และข้อความอื่น ( " alt " ข้อความหรือคําอธิบายยาว ) ( " longdesc " ) การเชื่อมโยงพวกเขามีมีสำหรับการใช้งานทั่วไปและการมองเห็นของเครื่องมือค้นหา .ผู้ใช้เว็บไม่เพียง แต่ค้นหาข้อความ เครื่องมือค้นหาใช้คำอธิบายข้อความสลับป้ายภาพด้วยคีย์เวิร์ด และผู้ใช้ที่บกพร่อง ขึ้นอยู่กับข้อความอื่นที่จะอธิบายเนื้อหาของภาพ ที่เหมาะสมแต่ละโปรแกรมจะให้แน่ใจว่า สื่อโสตของคุณที่สุดที่ทุกคนสามารถใช้ได้ในกลุ่มเป้าหมายของคุณ เครื่องมือค้นหา สคริปต์

แบบโต้ตอบJavaScript เป็นภาษาที่นิยมใช้ในการสร้างพฤติกรรมแบบโต้ตอบ จาวาสคริปต์ยังเป็นเทคโนโลยีที่สำคัญในเนื้อหาของหน้าเว็บ ส่งกลยุทธ์เช่น AJAX . รหัส JavaScript ทั้งหมดอยู่ในพื้นที่ " หัว " ของหน้าเว็บของคุณ แต่ถ้ารหัสของคุณมีความซับซ้อนและใช้เวลาของคุณ " หน้าเนื้อหาที่แท้จริง " จะผลักดันหลายสิบบรรทัดข้างล่างของรหัสและไม่อาจจะพบโดยเครื่องมือค้นหาถ้าคุณใช้ JavaScript ระดับหน้าสคริปต์ ( เรียกว่าเอนเตอร์เทนเมนต์วีกลี ) , คุณควร ทั้งหมด แต่ สั้น บิตของรหัสในการเชื่อมโยงไฟล์ วิธีนี้คุณสามารถใช้ JavaScript ที่ยาวซับซ้อนโดยไม่สูญเสียการจัดอันดับหน้าค้นหา


เว็บสนับสนุนรูปแบบเอกสารอื่น ๆนอกเหนือจากเอกสารรูปแบบ HTML PDF ( Portable Document Format ) , แฟลชกับช็อคเวฟเป็นรูปแบบที่นิยมใช้เพื่อให้ฟังก์ชันการทำงานที่ไม่สามารถใช้ได้โดยใช้ HTML พื้นฐาน ไฟล์ PDF ที่เป็นที่ชื่นชอบสำหรับเอกสารที่มาในการประมวลผลคำและหน้ารูปแบบโปรแกรมและรักษาลักษณะของเอกสารต้นฉบับ Flash และ Shockwave มีการโต้ตอบเกินกว่าสิ่งที่สามารถใช้ได้โดยใช้ HTML มาตรฐาน โดยทั่วไปวิธีที่ดีที่สุดคือการเสนอเอกสารที่เป็น HTML ธรรมดา เพราะโปรแกรมมีความยืดหยุ่นมากขึ้นและถูกออกแบบมาเพื่อช่วยให้การใช้งานสากล ครั้ง อย่างไรก็ตาม คุณลักษณะเพิ่มเติมและฟังก์ชันให้โดยรูปแบบอื่น ๆเหล่านี้เป็นสำคัญ ในกรณีนี้ให้แน่ใจว่าได้ใช้คุณลักษณะการเข้าถึงของซอฟต์แวร์Adobe โดยเฉพาะได้ทำให้ความพยายามที่จะรวมคุณสมบัติการเข้าถึงในรูปแบบของเว็บ โดยสนับสนุนความหมายอัปข้อความเทียบเท่าและการเข้าถึงแป้นพิมพ์ .



ดูสำหรับเบราว์เซอร์รูปแบบ HTML และ CSS สำหรับตาราง , รูปแบบ , การวางตำแหน่งและการจัดแนวบางครั้งทำงานแตกต่างกันเล็กน้อยในแต่ละยี่ห้อหรือรุ่นของระบบปฏิบัติการเว็บเบราว์เซอร์ รายละเอียดปลีกย่อยเหล่านี้โดยปกติผ่านสังเกตแต่ในที่แม่นยำมากหรือซับซ้อนรูปแบบหน้าเว็บที่พวกเขาสามารถนำความประหลาดใจที่น่ารังเกียจ ไม่เคยเชื่อถือการใช้ HTML , CSS , JavaScript , Java หรือปลั๊กอินใด ๆจนกว่าคุณจะได้เห็นสถาปัตยกรรมที่หน้าเว็บของคุณแสดงและทำงานได้กับแต่ละสาขาเว็บเบราว์เซอร์และระบบปฏิบัติการ

ข้ามแพลตฟอร์มตรวจสอบบันทึกการใช้เว็บของคุณหรือใช้บริการเช่น Google Analytics เพื่อให้แน่ใจว่าคุณเข้าใจสิ่งที่เบราว์เซอร์เบราว์เซอร์ ยี่ห้อ รุ่นและระบบปฏิบัติการ ( Mac , Windows Mobile ) พบมากที่สุดในกลุ่มของคุณ หากคุณพบความแตกต่างในวิธีการที่หน้าเว็บของคุณแสดงในเบราว์เซอร์ที่แตกต่างกัน ตรวจสอบให้แน่ใจว่าคุณใช้ที่ถูกต้อง HTML และ CSS รหัส ( ดูบทที่ 1 , HTML และ CSS รหัสการตรวจสอบ )ไม่ทุกเบราว์เซอร์สนับสนุนทุกคุณสมบัติของ CSS , โดยเฉพาะอย่างยิ่งถ้าคุณสมบัติที่ไม่ค่อยได้ใช้ หรือเพิ่งได้รับการเพิ่มมาตรฐานอย่างเป็นทางการสำหรับรหัส CSS ตัวอย่างเช่นแม้ว่าวางเงาข้อความเป็นตัวเลือกที่ถูกต้อง CSS ทั้งหมด เบราว์เซอร์ไม่สนับสนุน

สรุปความหมายแบบ

ตั้งระวังมาร์กอัปและบรรณาธิการมาตรฐานตามความหมายแบบเทคนิคและมาตรฐาน HTML เอกสารประเภทและปฏิบัติตามมาตรฐานเหล่านั้นตลอดกระบวนการพัฒนา สภาพแวดล้อมของเว็บวันนี้มีมากขึ้นกว่าเพียง Internet Explorer หรือ Firefox บนคอมพิวเตอร์เดสก์ท็อปร้อยของอุปกรณ์คอมพิวเตอร์มือถือตอนนี้ใช้ และวิธีการใหม่ของการใช้เนื้อหาของเว็บจะถูกคิดค้นขึ้นได้ทุกวัน ในที่สุดต่อไปนี้การปฏิบัติแบบเว็บความหมายและใช้อย่างระมัดระวังตรวจสอบหน้ารหัสและแผ่นลักษณะเป็นกลยุทธ์ที่ดีที่สุดเพื่อให้มั่นใจว่าเนื้อหาบนเว็บของคุณจะเป็นประโยชน์ในวงกว้าง และสามารถมองเห็นอนาคต