前端程式開發好習慣&注意事項

最後更新日期:2024年09月13日

基礎

  1. 不使用 inline style,使用 css,方便維護
  2. 有意義命名的 class, id name
  3. 少使用 !important
  4. 送出 API 前,檢核使用者資料
  5. 不使用 response.html(),畀避免資安風險

進階

增加 Meta 標籤,提高 SEO

Meta Charset 網頁編碼

<head>
  <meta charset="UTF-8">
</head>

Meta Title 網頁標題: 網頁的名字

讓搜尋引擎找到最相關的結果

<head>
  <meta name="title" content="小書僮的資訊站 SmallBookBoyInfo">
</head>

Meta Description 網頁描述: 說明網站特色

可以說明網站的特色,顯示在 Google的搜尋連結下方

<head>
   <meta name="description" content="這裡有許多的資訊">
</head>

H1 ~ H6 標籤

<strong> 粗體字

<body>
	<strong><p>小書僮的資訊站</p></strong>
</body>

參考資料

  1. Meta Title/Meta Description是什麼?教你SEO Meta Tag該如何寫!
  2. SEO 程式碼設置對了嗎?JavaScript、HTML 正確設定一篇搞定!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *