跳到主要內容

發表文章

目前顯示的是 二月, 2013的文章

HTML Element 使用整理

本篇文章專注於HTML標籤,盡量少提 JavaScript和CSS

一個網頁的格式大致如下:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Index</title>
    ...
</head>

<body>
    ...    //元素標籤撰寫處
</body>
</html>

Doctype標籤宣告html文件版本
在過去會看到各式各樣的宣告,如html4:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

在過去的發展中,HTML有各式各樣的版本,目前最新的為HTML5
在HTML5以後只要使用<!DOCTYPE html>就能宣告為網頁文件
以後的版本也只要這樣即可,而且這個標籤能相容於舊瀏覽器

<meta>元素包含在<head>元素內,紀錄網頁的相關資訊
這些資訊並非記載給使用者看,而是提供給搜尋引擎
使用上透過name屬性標註網頁特性,content屬性則記錄特性值,能設定的大致如下:

<meta name="description" content="test page" />
description描述網頁特性給搜尋引擎,最多能用155字元

<meta name="keywords" content="test,html" />
keywords包含了使用者可能用來搜尋此網頁的字詞清單,使用","分隔
目前對搜尋引擎的索引效果已經不大了

<meta name="robots" content="nofollow" />
robots標明搜尋引擎是否該加入頁面到搜尋結果中,不想被加入的話指定值為noin…