HTML5 利用 CSS 取代傳統的align屬性

HTML5 利用 CSS 取代傳統的align屬性

HTML5 利用 CSS 取代傳統的align屬性

在html 4.0.1中, 透過align指定標題、段落、圖片、表格對齊的方式為靠左、置中或靠右。

例子如下：

例子如下：

<! doctype html>

<html>

<head>

<meta charset ="utf-8">

</head>

<body>

<h1 align ＝ "left">這是靠左對齊的標題 1 </h1>
<h2 align ＝ "right">這是靠右對齊的標題 2 </h2>

</body>

</html>

在網誌提及過由於W3C希望網頁設計人員使用CSS定義的網頁外觀，以便與網頁的內容清楚分隔開來，所以HTML5不再列出涉及網頁外觀的屬性，以上網頁將改寫如下：

例子如下：

<! doctype html>

<html>

<head>

<meta charset ="utf-8">

  <style>
   h1 (text - align : left)
      h2 (text - align : right)
</style>

</head>

<body >

<h1>這是靠左對齊的標題 1 </h1>
<h2>這是靠右對齊的標題 2 </h2>

</body>

</html>

留言