目錄表

Head Rush HTML 讀書筆記
- Chapter Six
- Chapter Seven

Head Rush HTML 讀書筆記

Chapter Six

Document type definition

過渡期

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<img> 要有 alt 屬性

嚴格

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

開頭一定要有 DOCTYPE，<html> 必為根元素
只有 <head>、<body> 可以直接放在 <html> 中
<head> 元素中只能有 <title>(一定要有)、<meta>、<style>
行內元素與文字要放在區塊元素中
行內元素中不能有區塊元素
<p> 中不能有區塊元素
只有 <li> 能放在 <ul> 和 <ol> 中
<li> 中可以放行內、區塊元素
文字和行內元素要先放在區塊元素中，才可放入 <blockquote>

Validator

http://validator.w3.org

<meta>

在 <head> 中加入：

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

參考：http://www.w3.org/International/O-charset.en.php

Chapter Seven

From strict HTML 4.01 to strict XHTML 1.0

所有標籤必須為小寫
若元素是空元素，則必須使用「 />」結尾
所有屬性值都要用雙引號括住，且一定要含有數值
& 為實體起始字元，要使用「&」替代

DOCTYPE

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

<html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8" xml:lang="utf-8">

xmlns 為獨一無二的識別符，確認所使用的語言。避免 HTML 和 XML 元素產生混淆。

Tools: Tidy

http://tidy.sourceforge.net

整理 HTML 成 XHTML，移除標記外觀的舊版 HTML，以 CSS 取代。