SiamWebCity.com รับสร้างเว็บไซต์ครบวงจร
เลือกภาษา ภาษาอังกฤษ   
หน้าแรก
web
โปรโมทเว็บ
web
รับทำเว็บไซต์
web
สอนทำเว็บ
web
Domain 299บ.
web
ติดต่อเรา
web
 
รับทำเว็บไซต์ครบวงจร รับพัฒนาแอพพลิเคชั่น สำหรับ Facebook iPad iPhone Android รับอบรมการสร้างเว็บไซต์ โปรโมทเว็บไซต์ ดูแลเว็บไซต์ แก้ไขเว็บไซต์ : เริ่มต้นติดต่อที่เรา ที่เหลือเราเป็นผู้จัดการเพื่อท่าน : เราเป็นมากกว่าเครื่องมือที่ช่วยฝ่าวิกฤตเศรษฐกิจ
รายการ
เกี่ยวกับเรา
ทำไมต้องเลือกเรา
ผลงานที่ผ่านมา
เตรียมตัวก่อนทำเว็บ
รับดูแลเว็บไซต์
แอพ Facebook iPhone
โปรแกรมmlm สำเร็จรูป
เช่าโฮสติง
บริการหลังการขาย
เงื่อนไขการรับบริการ
ร่วมงานกับเรา
คำถามที่พบบ่อย
ติดต่อเรา

ฟรีบทความ
คู่มือการใช้งาน  คู่มือการใช้งาน
VDO สอน Dreamweaver  VDO สอน Dreamweaver
Bitcoin บิทคอยน์  Bitcoin บิทคอยน์
PHP MySQL  VDO  เบื้องต้น  PHP MySQL VDO เบื้องต้น
PHP MySQL  เกร็ดความรู้  PHP MySQL เกร็ดความรู้
jQuery  jQuery
HTML5  HTML5
ASP net   MS SQL  ASP net MS SQL
facebook app  facebook app
JSP  JSP
Oracle  Oracle
CSS  CSS
Google  Google
iphone ipad iphone itune ios  iphone ipad iphone itune ios
SEO  SEO
SQL Server  SQL Server
AJAX  AJAX
รดน้ำอัตโนมัติ  สปริงเกอร์  รดน้ำอัตโนมัติ สปริงเกอร์
คอมพิวเตอร์   อินเตอร์เน็ต  คอมพิวเตอร์ อินเตอร์เน็ต
JavaScripts  JavaScripts
cloud computing  cloud computing
xhtml  xhtml
Photoshop  Photoshop
RSS Feed  RSS Feed
wordpress  wordpress
Computer  Computer
MLM ขายตรง ขยายสายงาน  MLM ขายตรง ขยายสายงาน
NUTT's blog  NUTT's blog
ทีวีดิจิตอล DVB T2  ทีวีดิจิตอล DVB T2
Bootstrap CSS  Bootstrap CSS

รับสอน PHP, MySQL, HTML, CSS, Javascripts, FTP, Dreamweaver,PHPMyAdmin, Appserv, WMSEVER, php-Nuke , Joomla, SMF, Oscommerce, Phpbb, Paypal, Adwordsมาเรียนการสร้างเว็บกัน
บริการสอน แนะนำ Adwords , PHP, MySQL, HTML, FTP, SMF, PHPMyAdmin, Dreamweaver, Oscommerce, Photoshop, Flash...

test speed
Display Pagerank
ดูสถิติเว็บไซต์

การใช้ XHTML 1.0



xhtml > การใช้ XHTML 1.0


กลุ่มเป้าหมาย: ผู้เขียนโคด XHTML/HTML(uโดยใช้โปรแกรมหรือการเขียน scriptg), ผู้เขียน script เช่น PHP หรือ JSP, Web project managers, และใครก็ตามที่ต้องการคำแนะนำเกี่ยวกับรูปแบบการเขียนเวบ แบบไม่มาตรฐานและแบบมาตรฐาน, และวิีธีการประกาศค่า DOCTYPE และ XML นอกจากนี้ยังเป็นประโยชน์เบื้องต้นสำหรับผู้ที่ต้องการ เรียนรู้เกี่ยวกับ encode ภาษาในเอกสารต่างๆ

บทความนี้มีการอธิบายเพียงเล็กน้อยว่า server ส่ง XHTML ไปยังตัวแสดงผล เช่น browser ได้อย่างไร, และตัวแสดงผลทำอย่างไร
กับโคดที่ได้รับ บทความนี้จะอธิบายถึงวิธีการแก้ไขปัญหามากกว่าจะพูดถึงเกี่ยวกับมาตรฐานของ WC

ข้อมูลเหล่านี้นำมาจากวิธีการสอนเกี่ยวกับ การประกาศค่าการ encode ภาษาในเอกสาร HTML หรือ XHTML หัวข้อเหล่านี้มีความสำคัญต่อการตัดสินใจดังกล่าว ข้อมูลเหล่านี้ยังมีประโยชน์ในการอธิบายว่าทำไมการใช้
CSS ในบางครั้งจึงไม่แสดงผลออกมาตามที่ต้องการหรือแสดงผลออกมาแตกต่างกันไปตามแต่ละ browser

ประเภทของ xhtml & mime

เมื่อ server ส่งเอกสารมายังตัวแสดงผลเช่น brow serserver ยัง ส่งข้อมูลมาในลักษณะของ Content-Type ที่รวมถึงการใช้
HTTP ที่แสดงประเภทของข้อมูลว่าเป็นรูปแบบใด ข้อมูลดังกล่าวนี้แสดงถึงการใช้ประเภทของ MIME ด้วย ตัวอย่างข้างล่างนี้เป็นตัวอย่าง
ของการใช้ HTTP สำหรับไฟล์ html เป็นลักษณะ MIME ประเภท 'text/html'. ข้อควรจำก็คือการใช้ Content-Type ยังสามารถใช้แสดง
การ encode ภาษาของเอกสารได้อีกด้วย

HTTP/1.1 200 OK
Date: Wed, 05 Nov 2003 10:46:04 GMT
Server: Apache/1.3.28 (Unix) PHP/4.2.3
Content-Location: CSS2-REC.en.html
Vary: negotiate,accept-language,accept-charset
TCN: choice
P3P: policyref=http://www.w3.org/2001/05/P3P/p3p.xml
Cache-Control: max-age=21600
Expires: Wed, 05 Nov 2003 16:46:04 GMT
Last-Modified: Tue, 12 May 1998 22:18:49 GMT
ETag: "3558cac9;36f99e2b"
Accept-Ranges: bytes
Content-Length: 10734
Connection: close
Content-Type: text/html; charset=utf-8
Content-Language: en

โดยปกติ serverจะส่งไฟล์ HTML 4.01 ด้วยลักษณะ MIME ประเภท text/html. HTML เป็น SGML application แบบหนึ่ง

แต่การแสดงผลจะไม่แสดงผลออกมาตามตรงหากมีการนำ XHTML 1.0 ซึ่งมีพื้นฐานของ XML มาใช้

หลายคนชอบใช้ XHTML มากกว่าเพราะมีการนำประโยชน์ของ XML ในการแก้ไขและแสดงผลของเอกสาร อย่างไรก็ตามไฟล์ XML ยังไม่ support ใน browser หลักๆ จริงๆแล้วไฟล์ XHTML 1.0 จึงถูกนำไปใช้ เป็น MIME ประเภท text/html นกรณีนี้ิ Browser จะอ่านค่าไฟล์นั้นเป็น HTML

เพื่อให้แน่ใจว่าความแตกต่างเล็กน้อยระหว่าง XML และ HTML ไม่มีผลกับ Browsers แบบเก่า เราควรจะทำตาม คำแนะนำในเรื่องการใช้งานให้ตรงกันใน Appendix C ในเรื่องการกำหนด XHTML เมื่อใช้ XHTML เป็น HTML คำแนะนำดังกล่าวแนะนำไว้ว่าเราควรจะเว้นช่องว่างไว้ก่อนตัว '/>' ในส่วนท้ายของ tag เปล่าเช่น img, hr หรือ br และเราควรจะใช้ทั้ง id และชื่อของ attribute สำหรับตัวบอกค่าในแต่ละส่วน

นอกจากนี้ XHTML 1.0 ยังใช้เป็น XML ได้ และ XHTML 1.1 มักจะใช้เป็น XML เสมอ เมื่อเราใช้ XHTML เป็น XML เราจะใช้ MIME ประเภท application/xhtml+xml application/xml หรือ text/xml W3C แนะนำ ให้ใช้ XHTML เป็น XML โดยใช้ประเภทของ MIME แบบแรกเท่านั้นนั่นคือ. application/xhtml+xml.

ควรจะมีการแจ้งให้ทราบความจริงที่ว่าการใช้ XHTML เป็น HTML หรือ XML ทำให้เกิดความแตกต่างในการ encoding ข้อมูล

การแสดงผลแบบมาตรฐานและไม่มาตรฐาน

ฺฺฺBrowser หลักๆในปัจจุบันอาจจะมีการแสดงผล HTML ไฟล์ได้ทั้งแบบมาตรฐานและไม่มาตรฐาน นั่นหมายถึงว่ามีการใช้กฏที่แตกต่างกันในการแสดงผลของไฟล์ แบบหนึ่งคือใช้ตามการแปลความหมายตามที่ ได้มีการกำหนดไว้ตามหลักพื้นฐานของ W3C อีกแบบคือใช้ตามแบบที่ไม่ได้มาตรฐานของ browser รุ่นเก่า

การบันทึกภาพหน้าจอข้างล่างแสดงถึงความแตกต่างกันดังกล่าว

เอกสารที่ถูกอ่านค่าตามแบบมาตรฐาน เอกสารเดียวกันที่ถูกอ่านค่าตามแบบไม่มาตรฐาน
ความแตกต่างที่แสดงไว้ตามภาพข้างบนรวมไปถึงเรื่องต่างๆดังนี้:

- ในแบบมาตรฐานความกว้างที่กำหนดไว้ใน css ไม่ได้มีการรวมการตั้งค่า padding และ border ในขณะที่แบบ
ไม่มาตรฐาน แสดงไว้ซึ่งนั่นก็คือเหตุผลที่ว่าทำไม box ด้านขวาจึงมีความแคบกว่า

- มีการใช้ CSS เพื่อกำหนดขนาดของ font ให้มีขนาดที่ใหญ่เมื่ออยู่ใน body tag (และ element อื่นๆตามลำดับ) และ
ลดขนาดลง 50 %เมื่อใช้กับ p element แต่ในแบบไม่มาตรฐาน ตารางไม่ได้เปลี่ยนไปตามขนาดของ font ที่ตั้งค่าไว้ใน body tag
ดังนั้นตัวอักษรจึงมีขนาดลดลง (ข้อสังเกตก็คือตัวอักษรใน box ใหญ่มีขนาดเท่ากันเนื่องจากตัวอักษรไม่ได้อยู่ใน
ตารางแต่อยู่ใน p element)

ภาพทั้งสองแสดงในหน้าเดียวกันโดยใช้โคดและ CSS แบบเดียวกัน ความแตกต่างเพียงอย่างเดียวของ source ทั้งสอง
ไฟล์คือไฟล์ด้านซ้ายมี การประกาศ DOCTYPE ด้านบนอีกด้านหนึ่งไม่มี ไฟล์ที่มีการประกาศ DOCTYPE ที่เหมาะสม
มักจะอ่านค่าได้ในแบบมาตรฐาน ในเวอร์ชั่นปัจจุบันของ browser ส่วนใหญ่ หากไม่มีการประกาศ DOCTYPE แล้ว
การอ่านค่าก็จะไม่ได้มาตรฐาน

Browser ที่เปลี่ยนค่าระหว่างแบบมาตรฐานและไม่มาตรฐาน นั้นเรามักจะเรียกว่าเป็นการ 'การสลับค่าการประกาศDOCTYPE'

ตัวอย่างต่อไปนี้แสดงให้เห็นถึง source ที่มีการประกาศ DOCTYPE ด้านบน (ไฮไลท์ด้วยสีแดงตัวเอียง).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xml‎ns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <title>xhtml document</title> 
    <style type="text/css">
    body { background: white; color: black; font-family: arial, sans-serif; font-size: 25px; }
    p { font-size: 50%; }
    h1 { font-size: 16px; }
    div { margin: 20px; width: 170px; padding: 50px; border: 6px solid teal; }
    </style> 
    </head> 
<body> 
    <h1>Test file for Standards Mode</h1> 
    <div>
        <p> Here is some text in a p in a div. </p>
        </div> 
    <table border="1"> 
        <tr><td><p>Text in p tag.</p></td>
              <td><p>Text in p tag.</p></td> 
              </tr> 
        <tr><td>No p tag.</td>
              <td>No p tag.</td> 
              </tr>
        </table>
    </body> 
</html> 
โดยปกติแล้วเราควรจะต้องแสดงผลแบบมาตรฐานนั่นก็คือควรจะมีการประกาศค่า DOCTYPE นั่นเอง

การประกาศค่าของ xml

เนื่องจาก XHTML 1.0 นั้นมีพื้นฐานมาจาก XML ดังนั้นเราก็ควรประกาศค่าของ XML ในส่วนบนของ
โคดด้วยเช่นกันแม้ว่าจะนำมาใช้เป็นไฟล์ HTML ก็ตาม ซึ่งจะทำให้ด้านบนของไฟล์แสดงผลออกมาดังต่อ
ไปนี้ (การแสดงผลของ xml จะไฮไลท์สีแดงตัวเอียง):

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xml‎ns="http://www.w3.org/1999/xhtml">
<head>
...
browser Mozilla Netscape Opera และอื่นๆแม้ว่าจะมีการประกาศค่าของ xml หรือไม่ก็ตามหากมี การประกาศค่า DOCTYPE หน้าเวบดังกล่าวจะถูกอ่านค่าแบบมาตรฐาน

อย่างไรก็ตามสำหรับ Internet Explorer หากมีสิ่งใดปรากฎก่อนการประกาศค่า DOCTYPE หน้าเวบดัง กล่าวจะถูกอ่านค่าแบบไม่มาตรฐาน เนื่องจากมีจำนวนผู้ใช้ Internet Explorer จำนวนมากจุดนี้จึงเป็น เรื่องสำคัญ หากเราต้องการแน่ใจว่าหน้าเวบของเรามีการอ่านค่าของ browser แบบมาตรฐานเราจะต้อง คำนึงถึงเรื่องนี้ว่าเราจะต้องทำอย่างไรบ้าง

มีทางเลือกอีกทางหนึ่งคือ แน่นอนว่าหากเอกสารของคุณประกอบไปด้วยโครงสร้างที่ไม่มีผลกับความแตกต่าง ระหว่างการแสดงผลแบบมาตรฐานและไม่ได้มาตรฐานก็จะไม่มีผลกระทบอะไร ในทางกลับกันก็ไม่ใช่กรณีที่ เราจะต้องเพิ่มเติมแก้ไข CSS เพื่อให้ไม่เห็นความแตกต่างหรือการไม่แสดงการประกาศค่า XML

การกำหนด XHTML ยังเป็น การเตือน ว่าการส่งผ่านคำสั่งได้ถูกอ่านค่าใน Browsers บางตัว นอกจากนี้ browser
บางตัวอ่านการประกาศค่า XML ว่าเอกสารดังกล่าวเป็น XML ที่ไม่รู้จักแทนที่จะเป็น HTML ดังนั้นเอกสารดังกล่าว จะไม่ได้ถูกอ่านค่าตามแบบที่ได้คาดไว้ เราควรจะทดสอบในหลายๆ browser เพื่อตัดสินว่าจะเป็นปัญหาหรือไม่

ข้อควรจำก็คือ หากเราตัดสินใจจะไม่ประกาศค่า XML เราควรจะเลือก UTF-8 หรือ UTF-16 ในการ encodeให้ กับหน้าเวบ(ให้ดูในส่วน ชุดตัวอักษรและการ encodeใน XHTML HTML และ CSSสำหรับข้อมูลเพิ่มเติม เกี่ยวกับผลกระทบจากการ encode และการประกาศค่า)

บทสรุป

XHTML 1.0 สามารถใช้เป็นได้ทั้ง HTML หรือ XML ถ้าเราใช้เป็น XML ให้ใช้ MIME ประเภท xhtml+xml


โดยทั่วไปแล้วการประกาศค่า DOCTYPE ในส่วนบนของ HTML หรือ XHTML ไฟล์เป็นสิ่งที่ควรกระทำเพื่อที่ว่า เอกสารดังกล่าวจะได้ถูกอ่านค่าแบบมาตรฐานใน browsers ล่าสุดส่วนใหญ่

การแสดงการประกาศค่า XML ในไฟล์ XHTML 1.0 โดยให้ใช้เป็น HTML จะทำให้ไฟล์ของเราอ่านค่าแบบ ไม่มาตรฐานใน Internet Explorer (ซึ่งน่าจะเป็นกลุ่มเป้าหมายส่วนใหญ่)

สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับหัวข้อเหล่านี้ให้ดูจาก ลิงค์ที่เกี่ยวข้อง และตรวจสอบหน้าที่ได้ระบุไว้

refer: http://www.w3.org/International/articles/serving-xhtml/Overview.th.php


Short URL click! Facebook Share
<< Back : เข้าชม 13,079 ครั้ง : ขึ้นไปด้านบน
รับโพสเว็บ รับจ้างโพสเว็บบอร์ด รับโพสเว็บไซด์ webboard Seeding รับจ้างโพสต์ โปรโมทเว็บไซต์ webUB.com



รับทำเว็บไซต์, ทำเว็บ, สร้างเว็บไซต์, รับทำเว็บ, รับออกแบบเว็บ, รับเขียนเว็บ, ออกแบบเว็บ, เว็บดีไซน์, รับสร้างเว็บ, เขียนเว็บไซต์, เว็บ, บริษัท ทำเว็บ, บริษัท สร้างเว็บ, บริษัท ออกแบบเว็บ, บริษัท เขียนเว็บ, ผลงานเว็บ, โฮสติ้ง,Design,Web,เว็บ,เว็บ โฮสติ้ง,เว็ป,โฮสติ้ง ราคาถูก,เว็บไซต์,จดโดเมน,เว็บโฮสติ้ง,Web Download,Web PHP,Flash MX,Graphic Design,Search Engine, Web, Design, Web Host,Web Hosting,Web Page,เขียนเว็บ,เขียนเว็บไซต์,จัดทำเว็บ,จัดทำเว็บไซต์,ทำเว็บ,ทำเว็บไซต์, โปรโมทเว็บ,ฟรี เว็บ,รับเขียนเว็บ,รับทำเว็บ,รับทำเว็บไซต์,รับออกแบบเว็บ,รับออกแบบเว็บไซ ต์,เว็บ สำเร็จรูป,เว็บดีไซน์,เว็ปไซต์, สร้างเว็บ,สร้างเว็บไซต์,ออกแบบ เว็บไซต์,ออกแบบเว็บ,ออกแบบเว็บไซต์,เขียนโปรแกรม,บริการเว็บโฮสติ้ง,ประชา สัมพันธ์เว็บ,รับจัดทำเว็บไซต์,รับสร้างเว็บ,เว็บโปรแกรม,เว็บสวย, บริการจัดทำเว็บไซต์,บริษัทรับจัดทำเว็บไซต์,ให้บริการจัดทำเว็บไซต์, มีประสบการณ์การจัดทำเว็บไซต์, งานบริการเว็บไซต์,ผลงานการเว็บไซต์,ผลงานเว็บไซต์,เว็บไซต์,เว็บไซต์ ปรัชญา "พอเพียง",เว็บไซต์ราคาที่ยุติธรรม,เว็บไซต์ระบบมาตรฐาน,เว็บไซต์ทุกงาน, เว็บไซต์ธุรกิจ, โปรโมทเว็บ,ประชาสัมพันธ์เว็บ,เว็บ,ออกแบบเว็บ,เขียนโปรแกรม,สร้างเว็บ,ออก แบบเว็บไซต์,ทำเว็บ,เว็บสวย,เขียนเว็บไซต์,ทำเว็บไซต์,รับทำเว็บ,รับออกแบบ เว็บ,เขียนเว็บ,รับเขียนเว็บ,รับทำเว็บไซต์,รับจัดทำเว็บไซต์,เว็บโฮสติ้ง, จัดทำเว็บ,เว็บโปรแกรม,เว็บไซต์,เว็บดีไซน์,รับออกแบบเว็บไซต์,สร้างเว็บไซ ต์,เว็บ,จดโดเมน,บริการเว็บโฮสติ้ง,จัดทำเว็บไซต์,โปรแกรมคอมพิวเตอร์

รับทำเว็บไซต์ : โปรโมทเว็บไซต์ : รับเขียนโปรแกรม : สอนสร้างเว็บ : จด Domain name 299บ. : เช่า Hosting : บริการดูแลเว็บไซต์ : รับซื้อ ขาย Rolex : Sitemap.xml
สปริงเกอร์

ข้อสอบ คลังข้อสอบ ระบบข้อสอบ โปรแกรมข้อสอบ ฟรี Exam.in.th
เว็บไซต์ในเครือข่าย: SiamWebCity.com webUB.com EXAM.in.th ข้อสอบ.ไทย ไอเดียแต่งบ้าน homeEST.com
Copyright © 2009-2019 SiamWebCity.COM. ® All rights reserved. หมายเลขทะเบียนประกอบพานิชย์อิเลคทรอนิกส์ : 0447314800321
E-mail, Google Talk : admin [at] siamwebcity.com, Skype: SiamWebCity.com
ขึ้นไปด้านบน