使用者工具

網站工具


webdesign:head_rush_html_6_7

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

<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

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

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 取代。

webdesign/head_rush_html_6_7.txt · 上一次變更: 2007/08/02 19:52 由 wenpei