整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
1.1頁面基礎元素：<html>
<html>是頁面的基礎元素，主要用來定義頁面的開始和結束部分。元素語法結構如下<html>....</html>（開頭標記為<>,結束標記為</html>）先介紹一下完整的HTML文件的基本結構
<html> 文件開始標記
<head> 文件頭開始標記
......... 文件頭部分的內容
</head> 文件頭結束標記
<body> 文件主體開始標記
......... 文件主題部分的內容
</head> 文件主題結束標記
</html> 文件結束標記
在<html>和</html>之間寫入想要編輯的頁面內容就構成了一個簡單的頁面
1.1.1 文本顯示方向屬性：dir
【作用與語法】dir屬性用來指定瀏覽器文本顯示的方向，同時也決定瀏覽器滾條的位置。dir屬性的語法結構如下
<html dir="瀏覽器中文本的方向">......</html>(在元素名稱和屬性之間要加入空格)
dir屬性可以取兩個值，ltr（left title right）和rtl（right title left），分別表示從左向右顯示和從右向左顯示
1.1.2 指定語言屬性：lang
【作用與語法】lang屬性用來指定文檔中所使用的語言。lang屬性的語法結構如下
<html lang="指定的語言">包含的內容部分</html>
lang屬性的取值可以使用ISO標準中的語言代碼。在<html>元素中加入lang屬性，使瀏覽器更好的顯示界面，并不會更改頁面的文字編碼
ISO標準中語言代碼的取值及含義語言名稱寫法語言名稱寫法英語en法語fr漢語zh德語de日語ja意大利語it
1.2 頁面頭部元素：<head>
【作用與語法】HTML的頭部元素是以<head>為開始標記，以</head>為結束標記。它用于包含當前文檔的相關信息，可包含<title>元素、<meta>元素等，分別用來定義頁面的標題、編碼。使用<head>元素可以將基本信息部分和頁面主體內容區分開來。<head>元素的語法結構如下
<head>......</head>
1.3 頁面標題元素：<title>
【作用與語法】HTML頁面的標題一般是用來說明頁面用途的，它顯示在瀏覽器的標題欄中。在HTML文檔中，標題信息設置在頁面的頭部，也就是<head>和</head>之間。<title>元素的語法結構如下。
<title>......</title> (說明：在標記中間的“......”就是標題的內容，它位于HTML文檔的頭部，即<head>和</head>之間)
1.4 元信息元素：<meta>
【作用與語法】元信息元素<meta>用來定義頁面的附加信息，其中包括頁面的作者、版權、關鍵字等相關信息。<meta>元素的語法結構如下。
<meta 屬性=“屬性值”/>
<meta>元素是一個自封閉的元素，通過其中的屬性來添加各種附加信息。<meta>元素在不適用任何屬性時，對頁面沒有影響。
1.4.1 元信息元素名稱屬性：name
【作用與語法】name屬性用來制定文檔中附加信息的名稱。例如，最常用的值“keywords”用來定義文檔中的關鍵字，方便搜索引擎的搜索。name屬性的語法結構如下。
<meta name="信息名稱"/>
在<meta>元素中，名稱必須對應有相關的值才能生效
1.4.2 元信息元素的值：content
【作用與語法】content屬性用來指定文檔中附加信息的值，它與name屬性成對出現。content屬性的語法結構如下
<meta name="信息名稱" conten="附加信息的值"/>
<meta>元素中所定義的“keywords”信息是用來為搜索引擎定義關鍵字的，所以對頁面顯示效果并不產生影響，故頁面顯示效果并無太大變化
1.4.3 元信息元素的附加屬性：http-equiv
【作用與語法】http-equiv屬性和name屬性類似，用來指定附加信息的名稱。在瀏覽器加載頁面之前，服務器會把http-equiv屬性定義的相關信息發送給瀏覽器，便于在瀏覽器中正確顯示頁面。http-equiv屬性的語法結構如下
【作用與語法】<meta http-equiv="信息名稱"，content="附加信息的值">
說明：和name屬性相似，http-equiv屬性一般要和conten屬性成對出現
1.4.4 定義頁面的跳轉
【作用與語法】在瀏覽器網頁的時候經常會看到一些歡迎信息的頁面，并經過一段時間后，這一頁面會自動轉到其他頁面，這就是網頁的跳轉。使用HTML中的HTTP代碼就可以很輕松的實現這一功能。頁面跳轉的語法結構
<meta http-equiv="refresh" content="跳轉時間"；url="鏈接地址">
說明：在該語法中，refresh表示網頁的刷新，而在content中則設定刷新的時間和刷新后的地址，時間和鏈接地址之間用分號相隔。默認情況下，跳轉時間是以秒為單位的
1.5 基本設置元素：<base>
在HTML中，基本設置元素<base>使用來定義相對路徑的根目錄。使用<base>元素，可以方便的定義頁面中的超級鏈接。語法結構如下
<base 屬性="屬性值"/>
<base>元素在不使用任何屬性時，對頁面沒有影響。<base>元素中可以使用的屬性有鏈接路徑屬性href和鏈接窗口屬性target
1.5.1 鏈接路徑屬性：href
【作用與語法】href屬性用來指定文檔中相對鏈接的根目錄。文檔中的所有鏈接(包括圖片、音頻等內容)都按照href屬性所指定的根目錄顯示。href屬性的語法結構如下
<base href="指定路徑">包含的內容部分</base>
href屬性的取值為url值。它可以使用絕對路徑，也可以指
向某個文件夾。
友問：站長在線的站內文件夾跳轉的代碼是什么？
站長在線答：站內文件夾跳轉的代碼就是一個301跳轉代碼，此代碼放在自己自定義的文件夾內，直接宣傳自定義的地址，更加有品牌感，即宣傳了自己的品牌，也宣傳了業務對象，如：
阿里云優惠購買業務：olzz.com/aliyun
騰訊云優惠購買業務：olzz.com/txy
站長在線的頭條地址：olzz.com/toutiao
……
301跳轉代碼
以此類推，自己可以建立無數個二級目錄的推廣地址，自己的品牌域名和業務對象一起宣傳，這是站長可以利用的特殊權益。站長在線就告訴大家301跳轉代碼和操作方法：
1、新建一個txt文本文檔，把下面的代碼復制進去保存，然后重命名為index.html
<script>
function GetRandomNum(Min,Max){
var Range = Max - Min;
var Rand = Math.random();
return(Min + Math.round(Rand * Range));
}
var num = GetRandomNum(1,14808);
location.href = "鏈接地址";
</script> ")2、在網頁空間里面新建一個文件夾如aliyun，然后把剛才制作的index.html上傳到這個文件夾里面即可。
PS：鏈接地址一定是http或者https開頭的地址哦！
好了，站內文件夾跳轉的代碼就已經告訴你了，趕快去實踐吧！歡迎來到站長在線官方頭條號【站長快遞】，學習更多的建站知識。
indow.location.replace(...)比使用window.location.href更好，因為replace()不會在會話歷史中保留起始頁面，這意味著用戶不會陷入無休止的返回按鈕的慘劇中。
Location 接口的 href 屬性是一個字符串化轉換器(stringifier), 返回一個包含了完整 URL 的 USVString 值, 且允許 href 的更新.
string = object.href;
object.href = string;window.location.href = "";Location.replace() 方法以給定的URL來替換當前的資源。
與assign() 方法 不同的是，調用 replace() 方法后，當前頁面不會保存到會話歷史中（session History），這樣，用戶點擊回退按鈕時，將不會再跳轉到該頁面。
因違反安全規則導致的賦值失敗，瀏覽器將會拋出類型為 SECURITY_ERROR 的 DOMException 異常。
當調用該方法的腳本所屬的源與擁有 Location 對象所屬源不同時，通常情況會發生這種異常,此時通常該腳本是存在不同的域下。
如果 URL 無效，瀏覽器也會拋出 SYNTAX_ERROR 類型的 DOMException 異常。
object.replace(url);window.location.replace('');*請認真填寫需求信息，我們會在24小時內與您取得聯系。
