วันเสาร์ที่ 10 พฤศจิกายน พ.ศ. 2555

CSS - การสร้างไฟล์ XHTML

DOCTYPE

ในการเขียน CSS ในขั้นตอนแรกของ XHTML ก็คือการประกาศคุณลักษณะของหน้าเว็บก่อน DOCTYPE สำหรับ XHTML มีที่ใช้บ่อย 3 ประเภท 4 ลักษณะ ไม่รวม XHTML Mobile 1.0 คือ

1. XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

แบบ XHTML 1.0 Strict นี้ เหมาะสมจะใช้เมื่อ หน้าเว็บที่เขียนนั้น เป็นโครงส้รางภาษาแบบ XHTML ทั้งหมด และอนุญาตให้ จัดรูปแบบเว็บด้วย CSS เท่านั้น

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

คล้ายกับ XHTML 1.0 Strict คือใช้ XHTML คู่กับ CSS แต่ควรใช้เมื่อต้องการ เขียนโครงสร้างเว็บแบบใหม่ทั้งหมด (XML)

2. XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

แบบนี้ อนุญาตให้ใช้ HTML 4.0 ร่วมกับ CSS และ XHTML ข้อดีของ XHTML 1.0 Transitional คือจะช่วยให้บราวเซอร์เก่าๆ เช่น IE6 นั้นสามารถเข้าใจภาษาได้ และใช้ในกรณีที่ XHTML บาง tag ไม่สามารถใช้กับ บราวเซอร์เก่าๆ ได้

3. XHTML 1.0 Frameset

สำหรับใช้กับเฟรม กรณีเอาหน้าเว็บมาแบบเฟรม

html, head, title, style, body

html จะมีแอทริบิวของ xmlns ดังนี้

<html xmlns="http://www.w3.org/1999/xhtml"> ... </html>

head
ส่วนนี้คือส่วนหัวของเว็บ มีคำสั่ง เช่น <meta> พวก description ต่างๆ

<head> ... </head>

title
เอาไว้ใส่ชื่อหน้าเว็บ ให้มันแสดงที่ไตเติลบาร์

<title>………</title>

style
ใช้ในกรณีที่ต้องการกำหนดรูปแบบ CSS ในไฟล์นั้นเลย เช่น

<style type="text/css" > 
p {
color: #000000;

</style>

Body
<body>………</body>

DIV
Div หรือ division คือ Element ของ XHTML เป็นการนำมาใช้แบ่งส่วนต่างๆ ของข้อมูลออกจากกัน






ไม่มีความคิดเห็น: