[HTML] html版本寫法差異-[html5&html 4.01]

html版本寫法差異-[html5&html 4.01]


from: http://goliimage.pixnet.net/blog/post/37688466-html-%E5%9F%BA%E6%9C%AC%E8%AA%AA%E6%98%8E%EF%BC%8801%EF%BC%89-html%E7%89%88%E6%9C%AC%E5%AF%AB%E6%B3%95%E5%B7%AE%E7%95%B0-%5Bhtml5%26html

這些宣告是必須要寫的

XHTML格式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
<title>魚與橙的結合</title>
</head>

<body>
</body>
</html> 

Html 4.01 格式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8">
<title>魚與橙的結合</title>
</head>

<body>
</body>
</html>

 HTML 5 格式

<!doctype html>
<html>
<head>
<metacharset="utf-8">
<title>魚與橙的結合</title>
</head>

<body>
</body>
</html>

以上，可選擇其一複制，當作每個網頁的開頭，其差別在於抬頭的宣告，其實也是告訴瀏覽器說，你的文件是那一種文件檔案。

XHML:

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

HTML 4.01

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

HTML5

<!doctype html> 

[javascript] JSON 入門

轉自 瞭解JSON格式


{0:"Tom", 1:"John", 2:"Amy", 3:"Ivy"} 


物件(object)用大括號 { }

陣列(array)用中括號 [ ]

先記住這概念

--------------------------------

線上JSON格式化的網站

http://www.jsoneditoronline.org



另外有些字元在JSON不能直接打，需要做跳脫的(escape character) 在這
有些大家都很熟悉，就不細講了

\"
\\
\/
\b
\f
\n
\r
\t

這裡有些字碼表供參考

http://en.wikipedia.org/wiki/List_of_Unicode_characters

FRAMESET 框架

FRAMESET 框架
rows垂直分割
cols水平分割


主頁

            <FRAMESET rows="30%,*">
                <FRAME src="Atop.aspx"/>
               
               <FRAMESET COLS="30%,*">

                   <FRAME src="Bleft.aspx" />
                   <FRAME src="Cright.aspx" NAME="A"/>

                   </FRAMESET>
            </FRAMESET>



其中B頁 放連結  改變C頁的內容

B頁要設定 BASE


<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <BASE TARGET="A">
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <a href="Atop.aspx">Atop.aspx</a>
        <a href="Bleft.aspx">Bleft.aspx</a>
        <a href="Cright.aspx">Cright.aspx</a>
    </div>
    </form>
    Bleft
</body>






參考 http://nknucc.nknu.edu.tw/~jwu/html/htmlch5.htm

HTML5 亂七八糟筆記

HTML5 筆記

來源: http://www.w3schools.com/html5/html5_new_elements.asp

New Markup Elements

Tag	Description
<article>	Specifies independent, self-contained content, could be a news-article, blog post, forum post, or other articles which can be distributed independently from the rest of the site. 文章 微博 什麼 獨立分開?
<aside>	For content aside from the content it is placed in. The aside content should be related to the surrounding content 預留 空間 可以放置一些東西?
<command>	A button, or a radiobutton, or a checkbox 按鈕之類的     目前只有IE支援   chrome還沒支援
<details>	For describing details about a document, or parts of a document 放置文件的 詳細資料  有點像 樹狀結構
<summary>	A caption, or summary, inside the details element <details>的標題
<figure>	For grouping a section of stand-alone content, could be a video 放圖片 和圖片資訊的 空間
<figcaption>	The caption of the figure section <figure>的標題
<footer>	For a footer of a document or section, could include the name of the author, the date of the document, contact information, or copyright information 放置 文章資訊      ex: 作者 日期資訊 聯絡資料 版權 等.....
<header>	For an introduction of a document or section, could include navigation 標頭?
<hgroup>	For a section of headings, using <h1> to <h6>, where the largest is the main heading of the section, and the others are sub-headings 標頭?
<mark>	For text that should be highlighted 文章的重點部份  (像銀光筆一樣 標記重點)
<meter>	For a measurement, used only if the maximum and minimum values are known 進度條!!!     目前只有chrome和 opera支援
<nav>	For a section of navigation 放一些 連結用的?
<progress>	The state of a work in progress 進度條  (((firefox chrome opera支援
<ruby>	For ruby annotation (Chinese notes or characters) 顯示在文字上方  類似註解 或是放入國字的注音符號
<rt>	For explanation of the ruby annotation 和<ruby>一樣吧
<rp>	What to show browsers that do not support the ruby element 這 還沒搞懂.......
<section>	For a section in a document. Such as chapters, headers, footers, or any other sections of the document 又是類似標頭的.....
<time>	For defining a time or a date, or both 定義時間 或日期等等.....
<wbr>	Word break. For defining a line-break opportunity. 一個單字 過長   可適當調整斷行 還是什麼的?

以上看起來 都是沒什麼作用呢.......是太多人想分這塊大餅嗎......