Attribute Names Must Be In Lower Case
Wrong
<table WIDTH=”100%”>
Correct
<table width=”100%”>
Attribute Values Must Be Quoted
Wrong:
<table width=100%>
Correct:
<table width=”100%”>
Attribute Minimization Is Forbidden
Wrong:
<input checked>
<option selected>
<frame noresize>
Correct:
<input checked=”checked” />
<option selected=”selected” />
<frame noresize=”noresize” />
The id Attribute Replaces The name Attribute
Wrong:
<img src=”picture.gif” name=”picture1″ />
Correct:
<img src=”picture.gif” id=”picture1″ />
XHTML Structure
<!DOCTYPE …>
<html ….>
<head> –<title>……</title>
</head>
<body> –…..
</body>
</html>
DOCTYPE
แท็กที่มีลักษณะพิเศษ
ต้องประกาศไว้ตอนต้นของเอกสาร
ไม่้ต้องมีแท็กปิด (closing tag)
มีรูปแบบการใช้ 3 รูปแบบ คือ –STRICT –TRANSITIONAL –FRAMESET
จำเป็นต้องประกาศ DOCTYPE ถ้าต้องการให้ผ่าน Validator
XHTML [...]
คำถามเกี่ยวกับการ generate html code จาก DataGrid(asp.net 1.1) กับ GridView(asp.net 2.0)
อยากรู้ว่า generate เป็น table หรือเปล่า???
●Attribute names must be in lower case
●Attribute values must be quoted
●Attribute minimization is forbidden
●The id attribute replaces the name attribute
●The XHTML DTD defines mandatory elements
จุดสำคัญของ xhtml
ต้องมีลักษณะเป็น Well formed รูปแบบถูกต้อง ไม่พิมพ์ตกหล่น
ทุก tag ต้องมี tag ปิด ด้วยเสมอ
เช่น <p> ปิดด้วย </p>
ถ้าเป็น tag ที่แต่เดิมไม่มีตัวปิดให้เขียนในลักษณะนี้
<img src=”………” mce_src=”………” /> ,
<input type=”checkbox” checked=”checked” />
ชื่อ tag และ attribute ต้องเป็นตัวพิมพ์เล็ก ทั้งหมด
ไม่ควรเขียน <BODY><P></P></BODY>
แต่จะต้องเป็น <body><p></p></body>
attribute values ต้องคลุมด้วย quoted
เช่น <div class=red> ต้องเขียนเป็น <div class=”red”>
สำหรับผมใช้ Dreamweaver8 เราก็กำหนดให้เป็นเอกสาร xhtml ตั้งแต่ต้นได้เลย กด File / New จะมีกล่องด้านล่างขวา ให้เลือก Doctype
- Inheritance หากแปลตามตัวก็คือ การสืบทอด propertyบางตัว จะมีผลกับสิ่งที่อยู่ข้างในทั้งหมด เช่น
body{
color:green;
margin:5px;
}
สื่งที่อยู่ใน body จะมีฟ้อนต์เป็น สีเขียว ทั้งหมด แต่ margin จะทำเฉพาะ body เท่านั้น ไม่สืบทอดต่อไป
- Comment การคอมเม้นในไฟล์ .css จะใช้ /* เป็นการเปิด และ */ เป็นการปิด เช่น
/* COMMENTS CANNOT BE NESTED */
- Cascading Order คือ ลำดับความสำคัญของสไตล์ชีท
โดยธรรมชาติแล้ว ไฟล์.css จะถูกอ่านจากบนลงล่าง หากคุณเขียนซ้ำ class เดิม อันที่อยู่ด้านล่าง จะถูกทำเป็นลำดับสุดท้าย เช่น
.test{
color:red;
}
.test{
color:blue;
}
เมื่อคุณเรียกใช้คลาส ในhtml เช่น <div class=”test”> test test </div> จะได้ตัวหนังสือ [...]
Tableless คืออะไร? หลายคนอาจจะสงสัยเมื่อได้ยินคำนี้เป็นครั้งแรก ถ้าแปลกันแบบกำปั้นทุบดินก็จะมีความหมายว่า “ไม่มีตาราง” แต่เมื่อคำว่า Tableless ปรากฎอยู่ในเรื่องของการสร้างเว็บไซต์ เราก็พอที่จะแปลความหมายของคำว่า Tableless ได้ว่า เป็น “การพัฒนาเว็บไซต์โดยไม่ใช้ตาราง” นั้นเอง
แต่เดิมที่นักพัฒนาเว็บหลายคนคงใช้แท็ก <table> ในการจัดการโครงสร้างของเว็บ ซึ่งจริงๆ แล้วตารางควรจะถูกใช้เมื่อต้องการนำเสนอข้อมูลที่เป็นกลุ่มก้อนมากกว่า เช่น การแสดงรายการผลสอบของวิชาหนึ่ง หากเราจัดข้อมูลใส่ในตาราง ผลที่ได้ก็จะประกอบด้วยคอลัมน์ของ รหัสนักเรียน ชื่อนักเรียน คะแนนที่ได้ หรือเกรดที่ได้ ส่วนการควบคุมการแสดงผลอื่นๆ เราก็ใช้ eXtensible HyperText Markup Language (XHTML) และ Cascading Style Sheets (CSS) แทนนั้นเอง
สำหรับเทคนิค Tableless นี้ บางคนก็เรียกว่า Tableless layout หรือไม่ก็ CSS Layout เพราะเราจะใช้ CSS เข้ามาแสดงบทบาทแทนที่ตารางในการจัดการโครงสร้างเว็บไซต์ โดย CSS นั้นจะทำการควบคุมแท็กต่างๆ เช่น [...]
