很可惜 T 。T 您現(xiàn)在還不是作者身份,不能自主發(fā)稿哦~
如有投稿需求,請把文章發(fā)送到郵箱tougao@appcpx.com,一經(jīng)錄用會有專人和您聯(lián)系
咨詢?nèi)绾纬蔀榇河鹱髡哒埪?lián)系:鳥哥筆記小羽毛(ngbjxym)
點擊上方藍(lán)字@巴郎刊關(guān)注
這是巴郎刊的第042篇文章
作者|巴郎 編輯|巴郎
來源|巴郎刊(ID:balangk)
轉(zhuǎn)載請聯(lián)系授權(quán)(微信ID:g0013g)
前言
入門SEO時,必須了解與SEO相關(guān)的HTML知識點,這個是非常重要的。當(dāng)你學(xué)習(xí)到一定階段,你自然明白學(xué)習(xí)HTML的重要性在哪里。
今天巴郎SEO錄制的這套HTML基礎(chǔ)入門教程,帶你初步了解下HTML,HTML并不神秘,它非常好玩,祝大家學(xué)習(xí)愉快。
超文本標(biāo)記語言(Hyper Text Markup Language,簡寫HTML)是為網(wǎng)頁創(chuàng)建和其它可在網(wǎng)頁瀏覽器中看到的信息設(shè)計的一種標(biāo)記性質(zhì)的語言。
它并不是編程語言,這一點在很多SEO從業(yè)者乃至很多SEO主管以及一些招聘企業(yè)都會混淆。編程語言從頭到尾始終重視邏輯與功能。HTML則是強調(diào)規(guī)范,這種規(guī)范就相當(dāng)于我們?nèi)祟惖纳钪械娜蛲ㄓ谜Z言。
一個法國人,一個中國人,相互語言不通,怎么溝通?
對!那就是使用全球通用的官方語言:英語!那么這里的英語你就可以理解為就是HTML。
人類眼睛看到的網(wǎng)頁信息需要呈現(xiàn)在網(wǎng)頁上,但是網(wǎng)頁這個朋友并不認(rèn)識漢語,法語,英語,日語,西班牙語等等語言。
人類想把自己的想法與網(wǎng)頁進(jìn)行溝通,希望網(wǎng)頁能呈現(xiàn)人類的想法,這時候怎辦呢?HTML就是為此而生的。
換言之,HTML在這里就充當(dāng)了全球通用的官方語言:英語!這個角色。于是人類就可以和網(wǎng)頁進(jìn)行高效溝通了。
HTML被用來結(jié)構(gòu)化信息,如標(biāo)題段落和列表等,也可用來在一定程度上描述文檔的外觀和語義。如今全球通用,暫時找不到能替代它的后來者。
HTML發(fā)展早期是由蒂姆·伯納斯·李(Tim Berners-Lee,萬維網(wǎng)的發(fā)明者)給出原始定義,是他首先把超文本概念帶入到了計算機網(wǎng)絡(luò)應(yīng)用領(lǐng)域中。
萬維網(wǎng)的發(fā)明者蒂姆·伯納斯·李(Tim Berners-Lee)
他為后續(xù)的HTML的結(jié)構(gòu)完善與發(fā)展指引了方向,并提供了模型思路。因此稱它叫做超文本,這就是超文本的由來。
向這個男人致敬,他原本可以壟斷全球的HTML的技術(shù)專利,絕對可以成為前無古人,可能后無來者人類歷史上的首富。
然而作為一個計算機科學(xué)家與學(xué)術(shù)性學(xué)者,他一生都鐘愛WWW事業(yè),所以毅然決定免費公開給人類,這種胸襟與氣度絕非常人可比,是當(dāng)之無愧的WEB之父。
Html由IETF(互聯(lián)網(wǎng)工程任務(wù)組,是一個國際互聯(lián)網(wǎng)技術(shù)型機構(gòu)) 用簡化的SGML(標(biāo)準(zhǔn)通用標(biāo)記語言)語法,進(jìn)一步進(jìn)行發(fā)展HTML,后來不斷完善最終成為國際標(biāo)準(zhǔn),由萬維網(wǎng)聯(lián)盟W3C維護(hù)。
自1999年發(fā)布HTML4以來,很多人都認(rèn)為HTML無無需升級,直到2007年W3C立項HTML5經(jīng)過長達(dá)8年的制定工作,2014年10月,這個新規(guī)范終于正式封稿。西方人對人類的技術(shù)貢獻(xiàn)是非常巨大的,不可磨滅,從業(yè)人員應(yīng)該向這些機構(gòu)以及個人致敬。
與其說構(gòu)成,不如說它的語法,HTML之所叫語言,是因為有很多元素構(gòu)成,這些元素單個分開看,只能叫做標(biāo)簽,在SEO行業(yè)中,叫做標(biāo)記,標(biāo)記的功能就是為了告訴瀏覽器,這是一個HTML文本標(biāo)記,不是普通的純文本。
以A元素舉例
a元素在HTML語法中叫做A元素,但是SEO行業(yè)里叫它超鏈接標(biāo)簽,讀法:a標(biāo)簽
A元素的語法
<a href="http://www.8alang.com" title="巴郎" target="_blank" rel="external nofollow">巴郎a>
以上,這串完整的代碼串才能叫做A元素,不能拆分,元素和標(biāo)記完全是2個概念,學(xué)者千萬不能搞錯混淆。
A元素參數(shù)說明
A標(biāo)簽是雙標(biāo)記,所以必須這樣:成對出現(xiàn),否則語法錯誤。
href是Hypertext Reference的縮寫,意思是指定超鏈接目標(biāo)的URL。
href屬性的值可以是任何有效文檔的相對或絕對URL(在WWW上,信息資源在網(wǎng)上唯一的地址,該地址就叫URL),包括片段標(biāo)識符和JavaScript代碼段。
title是標(biāo)題的意思,把鼠標(biāo)放到關(guān)鍵詞上,會顯示文字。
target是打開的方式,代表新窗口打開,或者原有窗口打開,或者父窗口下打開。
rel是relation的縮寫,意思是關(guān)聯(lián)性,相關(guān)性,傳輸性。
在SEO行業(yè)中的運用是告訴蜘蛛,此鏈接的相關(guān)性是否要進(jìn)行追蹤,一般都是用來屏蔽不想傳遞網(wǎng)站權(quán)重的URL,然后給這個URL加上nofollow來處理。交換友情鏈接時,需要經(jīng)常檢查這個地方。
當(dāng)然黑帽技術(shù)可以隱藏代碼,進(jìn)行蜘蛛劫持,這里不探討,但你要知道,壞蛋還是有的。
以上是關(guān)于A元素的介紹,與SEO相關(guān)的元素還有很多,但是它們都有規(guī)范,是固定的。這些固定的規(guī)范都有國際標(biāo)準(zhǔn),照著標(biāo)準(zhǔn)使用就可以了。
因此HTML并不神秘,非常好玩,比起數(shù)理化,史地政要有趣多了,不要一聽到語言與代碼就覺得很難。
HTML是一門非常有趣,具有審美觀念的學(xué)科,需要日積月累。HTML中與SEO相關(guān)的元素還有很多,篇幅有限,請讀者自行了解。
上面給大家舉例了A元素,那么HTML中與SEO的交集元素與標(biāo)簽有哪些呢?
Div元素、Span元素、A元素、P元素、UL元素、img標(biāo)簽、h標(biāo)簽、alt標(biāo)簽、strong標(biāo)簽、nofollpw標(biāo)簽等,這些是常用的。
對于上面這些元素與標(biāo)簽一定要掌握,并且會敲代碼。其實也不難,多練習(xí)就可以掌握,關(guān)于每個標(biāo)簽的用法請讀者自行了解。
知道了,學(xué)習(xí)了,但不等于會。一定要手動去敲出來。知道與得到之間還差一個做到。
隨著互聯(lián)網(wǎng)的發(fā)展,信息的獲取已經(jīng)非常便利了快捷了。你可以通過B站,網(wǎng)易云課堂,慕課網(wǎng),或者報培訓(xùn)班的方式自行提升。
如今是一個知識泛濫的時代,所以找到一套好的系統(tǒng)教程扎扎實實完整的學(xué)習(xí)下去才是最好的學(xué)習(xí)方法。不能今天看個零碎,明天看個興趣,這樣你學(xué)任何學(xué)科都是學(xué)不好的。
巴郎給出自己的學(xué)習(xí)建議:
1.找一套完整的系統(tǒng)的教程
2.每天學(xué)習(xí)一節(jié)課,記錄一個知識點
3.學(xué)完一節(jié)課手動做,太笨就反復(fù)練習(xí),學(xué)習(xí)能力強的也要反復(fù)練習(xí),合格標(biāo)準(zhǔn):練習(xí)到閉著眼睛,腦海里有完整框架,直接上手就敲打的地步才算合格,然后進(jìn)行下一課。
4.多看一些精美的網(wǎng)頁,查看代碼思考它的框架布局,色彩搭配,功能體驗。
5.有一定的基礎(chǔ)以后(能獨立用HTML與CSS寫網(wǎng)頁的能力),進(jìn)入一些相關(guān)的WEB前端開發(fā)的圈子,看程序猿們在討論什么,了解實時行業(yè)熱點。
6.把HTML當(dāng)做玩一樣去學(xué)習(xí),在學(xué)習(xí)中去體驗玩的快樂,這是西方教育的核心,用這樣的心態(tài)去學(xué)習(xí),扔掉"中國應(yīng)試教育"式的學(xué)習(xí)方法。
7.興趣是最好的老師,堅持下去,日積月累,速成的概念剔除掉,余生很短也很長,值得你去好好玩,祝你玩得開心,學(xué)的開心。
巴郎視頻教學(xué)
時長:34:03
巴郎實操:13:20-29:27
巴郎提示:覺得理論知識沒用,沒耐心請快進(jìn)13:20-29:27處開始觀看。
教程代碼
<html>
<head>
<meta charset="UTF-8">
<title>巴郎的自我介紹title>
<meta name="keywords" content="巴郎,巴郎簡介" />
<meta name="description" content="這是巴郎的自我簡介,歡迎你來到巴郎小站。" />
head>
<body>
<h1>巴郎自我介紹h1>
<p>
大家好,我是巴郎,歡迎你來來到巴郎小站,這是我的自我介紹. 很高興認(rèn)識你,相識即是緣分,來了就好好學(xué),關(guān)注公眾號巴郎刊:巴郎刊,學(xué)習(xí)更多SEO知識。
p>
<h2>SEO學(xué)習(xí)h2>
<p>SEO學(xué)習(xí),專注SEO領(lǐng)域?qū)W習(xí)與探討-巴郎SEO<br />
我巴郎,愛好SEO,互聯(lián)網(wǎng),做片子,寫文章,一個佛系90后中年大叔<br />
<img src="bala.jpg" alt="巴郎SEO圖片" />
<a href="http://www.8alang.com" rel="external nofollow">巴郎小站a>
p>
body>
html>
思維導(dǎo)圖
@巴郎刊 巴郎帶你實操寫代碼
最后的話
SEO行業(yè)整體被唱衰,100%的功勞要歸功于這個行業(yè)99%的從業(yè)者,因為門檻低,不要求學(xué)歷,不要求出身。
導(dǎo)致很多人入門之初就踏上了一條錯誤的SEO之路,都是奔著黑帽以及撈金去的,重復(fù)干著飲鴆止渴的事。撈金沒有錯,鼓勵大家去撈金,但是撈金的方法和方式還是有底線的與標(biāo)準(zhǔn)的。
HTML被多數(shù)從業(yè)者認(rèn)為不重要,與SEO行業(yè)無關(guān),這是井底之蛙的觀念且迂腐的老思想,千萬要不得。
興趣是最好的老師,學(xué)精通了,專業(yè)了,有自我造詣了,財自然而來。你若盛開,蝴蝶自來。今天這篇SEO教程《巴郎帶你入門初級HTML》就給大家分享到這里,下期見!
做一個有趣的人,再見巴郎!
作者:巴郎
首發(fā):巴郎小站
巴郎小站:http://www.8alang.com/
本文為作者獨立觀點,不代表鳥哥筆記立場,未經(jīng)允許不得轉(zhuǎn)載。
《鳥哥筆記版權(quán)及免責(zé)申明》 如對文章、圖片、字體等版權(quán)有疑問,請點擊 反饋舉報
我們致力于提供一個高質(zhì)量內(nèi)容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求,為完善跟帖評論自律管理,為了保護(hù)用戶創(chuàng)造的內(nèi)容、維護(hù)開放、真實、專業(yè)的平臺氛圍,我們團(tuán)隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內(nèi)容進(jìn)行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容,同時也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。
一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護(hù)法》等法律法規(guī),對以下違法、不良信息或存在危害的行為進(jìn)行處理。
1. 違反法律法規(guī)的信息,主要表現(xiàn)為:
1)反對憲法所確定的基本原則;
2)危害國家安全,泄露國家秘密,顛覆國家政權(quán),破壞國家統(tǒng)一,損害國家榮譽和利益;
3)侮辱、濫用英烈形象,歪曲、丑化、褻瀆、否定英雄烈士事跡和精神,以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽;
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動;
5)煽動民族仇恨、民族歧視,破壞民族團(tuán)結(jié);
6)破壞國家宗教政策,宣揚邪教和封建迷信;
7)散布謠言,擾亂社會秩序,破壞社會穩(wěn)定;
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪;
9)煽動非法集會、結(jié)社、游行、示威、聚眾擾亂社會秩序;
10)侮辱或者誹謗他人,侵害他人名譽、隱私和其他合法權(quán)益;
11)通過網(wǎng)絡(luò)以文字、圖片、音視頻等形式,對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進(jìn)行網(wǎng)絡(luò)欺凌的;
12)危害未成年人身心健康的;
13)含有法律、行政法規(guī)禁止的其他內(nèi)容;
2. 不友善:不尊重用戶及其所貢獻(xiàn)內(nèi)容的信息或行為。主要表現(xiàn)為:
1)輕蔑:貶低、輕視他人及其勞動成果;
2)誹謗:捏造、散布虛假事實,損害他人名譽;
3)嘲諷:以比喻、夸張、侮辱性的手法對他人或其行為進(jìn)行揭露或描述,以此來激怒他人;
4)挑釁:以不友好的方式激怒他人,意圖使對方對自己的言論作出回應(yīng),蓄意制造事端;
5)羞辱:貶低他人的能力、行為、生理或身份特征,讓對方難堪;
6)謾罵:以不文明的語言對他人進(jìn)行負(fù)面評價;
7)歧視:煽動人群歧視、地域歧視等,針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊;
8)威脅:許諾以不良的后果來迫使他人服從自己的意志;
3. 發(fā)布垃圾廣告信息:以推廣曝光為目的,發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內(nèi)容,或進(jìn)行相關(guān)行為。主要表現(xiàn)為:
1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式:
2)單個帳號多次發(fā)布包含垃圾廣告的內(nèi)容;
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容;
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容,如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等,誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當(dāng)曝光;
6)購買或出售帳號之間虛假地互動,發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
7)發(fā)布包含欺騙性的惡意營銷內(nèi)容,如通過偽造經(jīng)歷、冒充他人等方式進(jìn)行惡意營銷;
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息,主要表現(xiàn)為:
1)包含自己或他人性經(jīng)驗的細(xì)節(jié)描述或露骨的感受描述;
2)涉及色情段子、兩性笑話的低俗內(nèi)容;
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容;
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想;
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適;
6)炒作緋聞、丑聞、劣跡等;
7)宣揚低俗、庸俗、媚俗內(nèi)容。
5. 不實信息,主要表現(xiàn)為:
1)可能存在事實性錯誤或者造謠等內(nèi)容;
2)存在事實夸大、偽造虛假經(jīng)歷等誤導(dǎo)他人的內(nèi)容;
3)偽造身份、冒充他人,通過頭像、用戶名等個人信息暗示自己具有特定身份,或與特定機構(gòu)或個人存在關(guān)聯(lián)。
6. 傳播封建迷信,主要表現(xiàn)為:
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治病;
2)求推薦算命看相大師;
3)針對具體風(fēng)水等問題進(jìn)行求助或咨詢;
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失,包括通過占卜方法問婚姻、前程、運勢,東西寵物丟了能不能找回、取名改名等;
7. 文章標(biāo)題黨,主要表現(xiàn)為:
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導(dǎo)用戶;
2)內(nèi)容與標(biāo)題之間存在嚴(yán)重不實或者原意扭曲;
3)使用夸張標(biāo)題,內(nèi)容與標(biāo)題嚴(yán)重不符的。
8.「飯圈」亂象行為,主要表現(xiàn)為:
1)誘導(dǎo)未成年人應(yīng)援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論,影響傳播秩序
9. 其他危害行為或內(nèi)容,主要表現(xiàn)為:
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導(dǎo)未成年人不良嗜好影響未成年人身心健康的;
2)不當(dāng)評述自然災(zāi)害、重大事故等災(zāi)難的;
3)美化、粉飾侵略戰(zhàn)爭行為的;
4)法律、行政法規(guī)禁止,或可能對網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當(dāng)一個用戶發(fā)布違規(guī)內(nèi)容時,本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴(yán)重程度,對帳號進(jìn)行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當(dāng)涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號,或者濫用多個帳號發(fā)布違規(guī)內(nèi)容時,本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經(jīng)驗的不斷豐富,本網(wǎng)站出于維護(hù)本網(wǎng)站氛圍和秩序的目的,將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議,可以通過「建議反饋」功能向本網(wǎng)站進(jìn)行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)