iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

重新認識 FrontEnd 系列

從 html 開始,一路經過了 CSS, JavaScript 以及許多延伸套件,是否對於他們的掌握度更佳提升了呢,這次將會從 html 重新開始,將許多細節以及該注意的地方重新審視一遍,希望會對大家有幫助

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1:前言,前端到底在做什麼

在七天內的第三篇前言,致已經爆炸的時間管理... 網頁發展 在 web 1.0 網路看板年代,網頁還僅僅只是一個純靜態內容的身份,使用者與內容提供者之間的互動式...

2024-08-06 ‧ 由 呆呆小將 分享
DAY 2

Day2: HTML 的重要性

那些只要能跑就好的代碼 一開始矇矇懂懂加入前端行列的我拿起了第一本前端書籍的時候,上面同時介紹了 HTML 與 CSS,胸懷壯志的想說要把他看個兩三遍,然而事情...

2024-08-07 ‧ 由 呆呆小將 分享
DAY 3

Day3: Meta Tag

那些影響排名的 Meta Tag 在網站中,我們可以利用 Meta Tag 來提供一些網站的基本資訊,並且一定性的影響搜尋引擎上的顯示以及排名 Charse...

2024-08-08 ‧ 由 呆呆小將 分享
DAY 4

Day4:HTML 語意化

本篇文章主要會從結構面來分別介紹常見且對於 SEO 有幫助的標籤,讓我們開始吧 頁面主結構的標籤 <header>:header 標籤主要是用來...

2024-08-09 ‧ 由 呆呆小將 分享
DAY 5

Day5:搜尋結果頁(SERP)

搜尋結果頁裡面有什麼 搜尋結果頁 Search Engine Results Page(SERP)與我們生活中息息相關,在如今幾乎每個人每天都會使用搜尋引擎查詢...

2024-08-10 ‧ 由 呆呆小將 分享
DAY 6

Day6:網頁結構化資料

網頁結構化資料 前兩天有介紹到,在 SREP 搜尋結果頁中,各大搜尋引擎會根據你網頁中的內容以及 Meta Tag 去呈現你的搜尋外貌,但除了透過正常網站上下文...

2024-08-11 ‧ 由 呆呆小將 分享
DAY 7

Day7:網站地圖 Sitemap

什麼是 Sitemap 老規矩,先上 Google 說明文件。正常情況下,搜尋引擎會透過站內連結去爬出你整體網站的結構,但針對規模較大、階層較複雜的網站 建立...

2024-08-12 ‧ 由 呆呆小將 分享
DAY 8

Day8: 現代的 CSS

CSS 是什麼 階層式樣式表(英語:Cascading Style Sheets,縮寫:CSS;又稱串樣式列表、級聯樣式表、串接樣式表、階層式樣式表)是一種用...

2024-08-13 ‧ 由 呆呆小將 分享
DAY 9

Day9:CSS 要怎麼下

元素選取器 在網頁中,無論是透過 JavaScript 或是 CSS 有一套共用的選取器,這邊挑些常見的來說吧 id 選取:在 id 前面加個 # 字號,#i...

2024-08-14 ‧ 由 呆呆小將 分享
DAY 10

Day10:CSS 優化之 Reflow 和 Repaint

CSS 優化 身為前端我們常會聽到 Clean Code 這個字眼,又或者是各種設計模式,但這些主要是針對 JavaScript 的內容,雖然也有人提到 CSS...

2024-08-15 ‧ 由 呆呆小將 分享