前兩天曲奇兒跟大家介紹了一些關于網站和HTML標記語言的大體輪廓,今天我們來看一看詳細的東西吧。首先對于我們SEO工作人員來說,看的懂HTML標記是最基本的,如果我們做網站優化,看不懂網站的前臺源代碼,那么我們甚至都不能與網站的制作人員進行有效的溝通,不要說我們自己來優化網站代碼了,就是讓別人來做,我們都說不清楚,這是一件很頭疼的事情,所以,靠人不如靠自己,我們至少要看的懂才行,今天曲奇兒SEO就簡要的說一說那些非常常用的HTML標記。
通過這篇文章您將會了解以下這些內容: 1、最常用的HTML標記都有哪些,分別都是什么含義。 2、HTML文檔的后綴都有哪些,區別在哪里。 3、如何快速達到能夠看懂HTML標記語言。
一、我們先來了解一下最常用的HTML語言都有哪些,并且解析一下他們都是什么意思。
1、html、head、body。毫無疑問這三對標記是最常用的,也是HTML的框架,沒有了他們那么就沒有了網頁,所以我們要知道他們的含義都是什么,html這一對兒是用來告訴瀏覽器,這個文檔是網頁標記語言的,好讓瀏覽器識別,之所以大寫跟小寫混著用,是因為HTML標記語言不區分大小寫,在書寫規則上沒有嚴格要求。head這是頭部元素的標記,在這個頭部元素標記中可以擁有很多種信息,比如說title網站標題,meta元素,這個里邊因為屬性的不同會有很多種功能,像我們常用的關鍵詞、描述都是使用<meta />標記引用的。當然還有link和script標記,他們是用來調用CSS樣式表以及JS的,這些元素都是被寫在head中的。至于最后一個body元素,大家可以理解成一個大容器,這個大容器中將會把所有的網頁內容裝在里邊,通俗的說, 網頁制作就是在body元素中進行的。
2、a、div、im、span、p、ul、li這些元素中a是超鏈接元素,img是圖片調用元素,我們知道,網頁一般大多數都是文字與圖片的,所以這兩個元素在網頁制作中使用的次數非常多。而后邊的div、span、p、ul、li是用來做布局使用的,當然他們的作用非常大,在后邊的CSS+DIV中運用廣泛,現如今你基本找不到網頁中不包含他們的網站了。這里只是簡單的提一句,大家了解下即可。
3、table在DIV+CSS布局之前,這套標記可是非常牛的,因為那個時候的網站布局基本要靠他們的。其中th、tr、td這三套標簽分別代表著該表格的表頭、行與列。在那個年代里,就是這么幾套標簽就能搞定整個網站的布局,雖然現如今使用的比較少了,但是table仍然在格式化輸出方面被廣泛地使用著。(這里需要注明一下,table標簽之所以被DIV+CSS取代,根本原因在于使用table標記布局的時候會產生大量的代碼冗余,而且這種布局方式不被搜索引擎喜歡)。
二、HTML文檔的后綴都有哪些,區別在哪里。
對于HTML標記語言來說,其文檔的后綴一般有HTML何HTM兩種,對于前邊那種相信大家都已經十分了解了,后邊的這一種呢現在已經不常被使用了,它的出現其實只是為了兼容當年DOS系統,大家了解即可。
三、如何快速達到能夠看懂HTML標記語言。
說到這里,曲奇兒其實想說的就是學習方法了,如果你想要快速看懂HTML其實很簡單,你只需要下載一個HTML標記語言的電子手冊,然后自己去網絡中隨便找一個網頁,將它的源代碼打開,然后根據你的手冊一點一點的看它的源代碼,當你將10個網站的源代碼全部看懂,那么基本就沒問題了。 怎么樣是不是很簡單呢?當然,這里只是為SEO工作新人們介紹一下如何看懂HTML,如果你想要通過學習HTML來制作網頁,那還是需要下苦功夫的,我們要知道,任何有用的知識,都是需要時間去學習、去實踐的 。 好啦,今天的文章就寫到這里,希望能夠幫助大家起到穿針引線的作用,最后也希望大家能夠多多支持曲奇兒的文章,謝謝大家啦。
|