• <span id="pdwzl"></span>
    <acronym id="pdwzl"></acronym>
    <span id="pdwzl"><sup id="pdwzl"></sup></span>
  • <span id="pdwzl"></span>
    <legend id="pdwzl"></legend>

  • <legend id="pdwzl"></legend>

    寫給行銷人的HTML入門基礎教學,學習SEO時的必備概念!

    時間: 2021-04-28 16:38 來源: 深圳諾仁 作者: admin 閱讀:


    寫給行銷人的HTML 入門基礎教學,學習SEO 時的必備概念!


    寫給行銷人的HTML入門基礎教學,學習SEO時的必備概念!

    HTML其實相當簡單又好學。
    諾仁技術的團隊在與客戶合作時,常常會需要跟許許多多的行銷朋友們討論SEO相關的網頁技術,而有許多SEO的觀念,都需要一些關于HTML的知識來輔助。正在閱讀文章的你也許平常并沒有什么機會接觸到HTML語言,這讓HTML不僅聽起來陌生又難懂,可能也不知道該從何學起。想跟大家說的是, HTML不僅相當的簡單且容易學,如果在SEO的路上有了HTML的觀念會相當有幫助。

     

    我們想透過這樣的文章來為沒有接觸過HTML 的大家介紹:

    目錄

    HTML 語言到底是什么?


    HTML (英語:HyperText Markup Language,簡稱:HTML),是一種用來建立網頁的基礎語言,人跟人之間對話需要透過語言,而我們與瀏覽器之間溝通的方式,就是HTML語言。瀏覽器( Chrome或者是蘋果手機的Safari …等等)透過讀取與翻譯HTML語言將網頁內容呈現*(見注解) 出來后,就成了我們在瀏覽器上看到的網頁外觀。

    * Render – 彩現,又稱為繪制,當瀏覽器理解了HTML 的內容后,透過HTML 提供給瀏覽器的資訊轉換成圖像與文字呈現出來,變成我們所看到的網頁內容,這樣的過程我們稱為彩現。

    寫給行銷人的HTML入門基礎教學,學習SEO時的必備概念!

      上方從原始碼到網頁外觀的過程,就被稱為彩現

    那HTML又是怎么組成的呢? HTML是由許多的標簽組成的。HTML語言的標簽,必須在「<」與「>」之間,起始標簽只需要以「<」與「>」包括,但結束的標簽必須要加上左斜線做區分。

    例如:< element >網頁元素內容</ element >

    范例:title >全臺最大的SEO Blog上線啰! </ title >

    HTML 的結構

    HTML 的結構分為三大部分,宣告、Head、Body,而這三個區塊分別有不同的功能。接下來我們會簡單介紹這三個區塊到底是負責什么功能,讓你不再看見原始碼就發抖!

    第一部分– 宣告

    寫給行銷人的HTML入門基礎教學,學習SEO時的必備概念!

    <!DOCTYPE html> ,透過這一個標簽,指出我們接下來會使用的的語言是HTML 。這是要通知瀏覽器,接下來我們要使用HTML 啰,因為瀏覽器在我們對他宣告要使用HTML 之后,才能理解我們接著要用哪一種語言跟他對話。雖然宣告只有一個標簽,卻是一定要有的。

    第二部分– 網頁表頭( 頭:Head )

    網頁表頭,網頁表頭中會有網頁名稱、網頁的STYLE 樣式、與網頁相關的資訊。

    寫給行銷人的HTML入門基礎教學,學習SEO時的必備概念!

    網頁表頭的是由<head> 標簽起始~到</head> 標簽結束,上面說的各種資料會放在這兩個標簽里面。

    第三部分– 網頁主體( 身體:Body )

    網頁主體,網頁的身體,包含著各種在網頁上看到的內容,不論是文章、圖片或者充滿特色的介面,這些內容都是包含在網頁主體中的。由<body> 標簽起始,到</body> 標簽結束,文章、連結、圖片、表格等,各種資訊類的內容,都會放在<body> 與</body> 之間。

    寫給行銷人的HTML入門基礎教學,學習SEO時的必備概念!

    網頁內容這個區塊會包含相當多的資訊,且這些資訊中有許多的內容會呈現在使用者的面前。需要注意的是,HTML并不只是一個個標簽分別排列,像<div>這樣的標簽是由更多的小標簽組合而成,變成一個有著許多綜合內容的區塊。下圖的div中就有著APPLE特別活動、于美國芝加哥…等等以及連結,組合成一個div。

    寫給行銷人的HTML入門基礎教學,學習SEO時的必備概念!

    復習一下

    我們剛剛說到的內容整理有三個重點:

    • 第一部份<!DOCTYPE html>負責向瀏覽器宣告網頁用的編碼是HTML* 注解語法使瀏覽器了解接下來該怎么翻譯。( HTML 5版本,方便記憶我們簡稱為HTML )
    • 第二部分提供網頁的資訊,包含網頁的資訊、名稱以及網頁的樣式等網頁相關的訊息。( Head之中包含了各類網頁的資訊,名稱、樣式等等)
    • 第三部分則包含了網頁上的主體內容,包括了文章、圖片、連結等等許多需要被呈現在使用者面前的內容。( Body之中幾乎都是呈現在網頁上的內容) 寫給行銷人的HTML入門基礎教學,學習SEO時的必備概念!

    HTML 中的各種標記,提供了瀏覽器需要知道的格式、資訊與內容,而瀏覽器在接受到資訊之后將得到的資訊化為我們可以看到的圖像內容,也就是平常大家看到的網頁外觀。所以學習HTML 的時候大部分的時間都再學習標簽怎么使用,只有比較少的時間段學習架構與基礎,希望讀完文章之后的大家可以更完整更清楚的理解HTML 到底是什么!



    亚洲国产精品福利|黄色视频在线观看品|性色生活大片特黄一级大片性色吧|欧美日韩免费a片