好不要在搜索引擎出現(xiàn)過
title標題最好不在搜索引擎出現(xiàn)過,可以嘗試在搜索引擎進行搜索,適當?shù)馗淖円幌隆?/p>
一次敲定后不要改動
title寫好了最好不要動,尤其是在網(wǎng)站權(quán)重還較低的情況下。很多網(wǎng)站快照不更新就是因為title經(jīng)常改動。title標題要仔細寫,一次性寫好后短時間內(nèi)都不要改動,改動標題的風險是很大的。
加上h1標題標簽
title標題在源碼中,要加上h1標題標簽,告訴搜索引擎,突顯它的重要性。
切詞的特殊符號使用
一般我們在網(wǎng)站標題描寫中,經(jīng)常使用的符號有:“,”(逗號)、“ 空格(空格)、“-”(英文下 的橫線)、“—”(中文下的橫線)、“|”(豎)、“_”(下劃線)、“/”(斜杠)這些符號在標題中所起的作用及表達的意義是不一樣的,不僅不同的分隔符在標題在所起的作用不一樣,即使是同一分隔符在不同的搜索引擎里表達的意義也會有所差別。
控制title字數(shù)
title最多顯示30個中文字符。網(wǎng)頁標題中多余的部分搜索引擎都會自動切斷。所以在寫標題標簽的時候,一般控制在30個中文字符以內(nèi)。標題太長,會分散關鍵詞的權(quán)重。
關鍵字搭配
關鍵字搭配是指關鍵字在標題中出現(xiàn)的前后位置、主次搭配。 搜索引擎對于頁面信息的抓取,是由HTML代碼中自上而下進行的, 所以在網(wǎng)頁標題的最前面加上主關鍵字,可以很好地體現(xiàn)頁面的主題內(nèi)容。
avaScript 程序不能獨立運行,它需要被嵌入 HTML 中,然后瀏覽器才能執(zhí)行 JavaScript 代碼。通過 <script> 標簽將 JavaScript 代碼引入到 HTML 中,有兩種方式:
1.內(nèi)部方式
內(nèi)部方式是通過<script>標簽包裹JavaScript代碼,從而引入HTML頁面中,示例代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 基礎 - 引入方式</title>
</head>
<body>
<!-- 內(nèi)聯(lián)形式:通過 script 標簽包裹 JavaScript 代碼 -->
<script>
alert('嗨,歡迎來傳智播學習前端技術!')
</script>
</body>
</html>
2.外部形式
一般將 JavaScript 代碼寫在獨立的以 .js 結(jié)尾的文件中,然后通過 <script>標簽的 <src>屬性引入,示例代碼如下:
// demo.js
document.write('嗨,歡迎來傳智播學習前端技術!')
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 基礎 - 引入方式</title>
</head>
<body>
<!-- 外部形式:通過 script 的 src 屬性引入獨立的 .js 文件 -->
<script src="demo.js"></script>
</body>
</html>
注意:如果 script 標簽使用 src 屬性引入了某 .js 文件,那么 標簽的代碼會被忽略!!!如下代碼所示:
/一、html
//a、HTML語法規(guī)范
//a.1基本語法概述
1、HTML標簽是由尖括號包圍的關鍵字,例如,
2、HTML標簽通常是成對出現(xiàn)的,例如和,我們成為雙標簽,標簽對中的第一個標簽是開始標簽,第二個標簽是結(jié)束標簽。
3、有些特殊的標簽是單個標簽(極少情況),例如
,我們稱為單標簽
//a.2標簽關系
雙標簽關系可以分為兩類:包含關系和并列關系。
//b、HTML基本結(jié)構(gòu)標簽
//b.1第一個HTML網(wǎng)頁
每個網(wǎng)頁都會有一個基本的結(jié)構(gòu)標簽(也稱為骨架標簽),頁面內(nèi)容也是在這些基本標簽上寫的。
HTML頁面也稱為HTML文檔
標簽名 | 定義 | 說明 |
<html></html> | HTML標簽 | 頁面中最大的標簽,我們稱為根標簽 |
<head></head> | 文檔的頭部 | 注意在head標簽中我們必須要設置的標簽是title |
<title></title> | 文檔的標題 | 讓頁面擁有一個屬于自己的網(wǎng)頁標題 |
<body></body> | 文檔的主體 | 元素包含文檔的所有內(nèi)容,頁面內(nèi)容,基本都是放到body里面的 |
必須是.html或.htm,瀏覽器的作用是讀取HTML文檔,并以網(wǎng)頁的形式顯示出它們。
此時,用瀏覽器打開這個網(wǎng)頁,我們就可以預覽我們寫的第一個HTML文件了。
//c、開發(fā)工具vscode
1、<!DOCTYPE>標簽
文檔類型聲明,作用就是告訴瀏覽器使用哪種HTML版本來顯示網(wǎng)頁
<!DOCTYPE html>這句代碼的意思是:當前頁面采用的是HTML5來顯示頁面。
2、lang語言
用來定義當前文檔顯示的語言:
a、en定義語言為英語
b、zh-CN定義語言為中文
簡單來說定義為en就是英文網(wǎng)頁,定義為zh-CN就是中文網(wǎng)頁
其實對于文檔顯示來說,定義成en的文檔也可以顯示中文,定義zh-CN的文檔也可以顯示英文
這個屬性對于瀏覽器和搜索引擎(百度、谷歌等)還是有作用的
3、charset字符集
字符集是多個字符的集合,以便計算機能夠識別和存儲各種文字
在標簽內(nèi),通過標簽的charset屬性來規(guī)定HTML文檔應該使用哪種字符編碼。
charset常用的值:GB2312、BIG5、GBK和UTF-8,其中UTF-8也稱為萬國碼,基本包含了全世界所有國家需要用到的字符。
注意:上面語法是必須寫的代碼,否則可能引起亂碼的情況,一般情況下,統(tǒng)一使用"UTF-8"編碼,盡量統(tǒng)一寫成標準的"UTF-8",不要寫成"utf-8"或"UTF8"。
//d、HTML常用標簽
//d.1標簽語義
學習標簽是有技巧的,重點是記住每個標簽的語義,簡單理解就是指標簽的含義,即這個標簽是用來干嘛的
根據(jù)標簽的語義,在合適的地方給一個最為合理的標簽,可以讓頁面結(jié)構(gòu)更清晰。
//d.2標題標簽
-
(重要)
為了使網(wǎng)頁更具有語義,我們經(jīng)常會在頁面中用到標題標簽,HTML提供了6個等級的網(wǎng)頁標題集
-
特點:
1、加了標題的文字會變得更加粗,字號也會依次變大。
2、一個標題獨占一行。
//d.3段落和換行標簽(重要)
在網(wǎng)頁中,要把文字有條理地顯示出來,就需要將這些文字分段顯示,在HTML標簽中,
標簽用于定義段落,它可以將整個網(wǎng)頁分為若干段落。
<p>我是一個段落標簽</p>標簽語義:可以把HTML文檔分割為若干段落。
特點:
1、文本在一個段落中會根據(jù)瀏覽器窗口的大小自動換行。
2、段落和段落之間保有一個較大的空隙。
在HTML中,一個段落中的文字從左到右依次排列,直到瀏覽器的右端,然后自動換行,如果希望某段文本強制換行顯示,就需要使用換行標簽
<br />
單詞break的縮寫,意為打斷,換行。
特點:
1、單標簽
2、
標簽只是簡單地開始新的一行,跟段落不一樣,段落之間會插入一些垂直的間距。
//d.4文本格式標簽
在網(wǎng)頁中,有時需要為文字設置粗體,斜體或下劃線等效果,這時就需要用到HTML中的文本格式標簽,使文字以特殊的方式顯示
標簽語義:突出重要性,比普通文字更重要。
語義 | 標簽 | 說明 |
加粗 | <strong></strong>或者<b></b> | 更推薦使用<strong></strong>標簽加粗,語義更強烈 |
傾斜 | <em><em> 或者<i><i> | 更加推薦使用<em><em>標簽,語義更加強烈 |
刪除線 | <del><del>或者<s><s> | 更加推薦使用<del><del>標簽,語義更加強烈 |
下劃線 | <ins><ins>或者<u><u> | 更加推薦<ins><ins>標簽,語義更加強烈 |
//d.5<div>和<span>標簽
<div>和<span>是沒有語義的,它們就是一個盒子,用來裝內(nèi)容。
<div>這是頭部</div>
<span>今日價格</span>
div是division的縮寫,表示分割,分區(qū),span意為跨度,跨距。
特點:
1、<div>標簽用來布局,但是現(xiàn)在一行只能放一個<div>,大盒子。
2、<span>標簽用來布局,一行上可以有多個<span>,小盒子
//d.6圖像標簽和路徑(重點)
1、圖像標簽
在HTML標簽中,<img>標簽用于定義HTML頁面中的圖像。
<img src="圖像url"/>
單詞image的縮寫,意為圖像
src是<img>標簽的必須屬性,它用于指定圖像文件的路徑和文件名。
所謂屬性:簡單理解就是屬于這個圖像標簽的特性。
圖像標簽的其他屬性:
屬性 | 屬性值 | 說明 |
src | 圖片路徑 | 必須屬性 |
alt | 文本 | 替換文本,圖像不能顯示的文字 |
title | 文本 | 提示文本,鼠標放到圖像上,顯示文字 |
width | 像素 | 設置圖像的寬度 |
height | 像素 | 設置圖像的高度 |
border | 像素 | 設置圖像的邊框粗細 |
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。