Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 久久精品国产电影,国产一区中文字幕,国产成人午夜91精品麻豆剧场 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          Python小案例71- HTML基礎(chǔ)及語法
          
        
           
          
	
	
          
		
                        
          TML（HyperText Markup Language）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)記語言。它由一系列的標(biāo)簽組成，這些標(biāo)簽用于描述網(wǎng)頁的結(jié)構(gòu)和內(nèi)容。HTML標(biāo)簽通常由尖括號(hào)包圍，例如<tag>。
          HTML標(biāo)簽可以分為兩類：塊級(jí)元素和內(nèi)聯(lián)元素。塊級(jí)元素用于組織網(wǎng)頁的結(jié)構(gòu)，例如段落、標(biāo)題、列表等。內(nèi)聯(lián)元素用于標(biāo)記文本中的特定部分，例如鏈接、強(qiáng)調(diào)文本等。
          HTML標(biāo)簽可以包含屬性，屬性提供了有關(guān)標(biāo)簽的額外信息。例如，<a>標(biāo)簽用于創(chuàng)建鏈接，可以使用href屬性指定鏈接的目標(biāo)URL。
          除了標(biāo)簽和屬性，HTML還支持一些特殊字符實(shí)體，用于表示特殊字符，例如小于號(hào)（<）、大于號(hào)（>）等。
          HTML可以與CSS（層疊樣式表）和JavaScript一起使用，以增強(qiáng)網(wǎng)頁的外觀和功能。CSS用于控制網(wǎng)頁的樣式，例如顏色、字體、布局等。JavaScript用于實(shí)現(xiàn)交互性和動(dòng)態(tài)效果，例如表單驗(yàn)證、動(dòng)畫等。
          通過使用HTML，開發(fā)人員可以創(chuàng)建具有結(jié)構(gòu)良好、易于理解和導(dǎo)航的網(wǎng)頁。它是構(gòu)建互聯(lián)網(wǎng)的基礎(chǔ)之一，被廣泛應(yīng)用于網(wǎng)站開發(fā)和內(nèi)容管理系統(tǒng)。
          HTML的語法由標(biāo)簽、屬性和內(nèi)容組成。下面是HTML的基本語法規(guī)則：
          1. 標(biāo)簽：HTML標(biāo)簽用于定義網(wǎng)頁的結(jié)構(gòu)和內(nèi)容。標(biāo)簽通常由尖括號(hào)包圍，例如<tag>。標(biāo)簽可以是成對(duì)出現(xiàn)的，其中包含一個(gè)開標(biāo)簽和一個(gè)閉標(biāo)簽，例如<tag>content</tag>。也可以是自閉合標(biāo)簽，即只有一個(gè)標(biāo)簽，沒有內(nèi)容，例如<tag />。
          2. 屬性：HTML標(biāo)簽可以包含屬性，屬性提供了有關(guān)標(biāo)簽的額外信息。屬性通常以鍵值對(duì)的形式出現(xiàn)，例如<tag attribute="value">。屬性的值可以是字符串或布爾值。常見的屬性包括class、id、src、href等。
          3. 內(nèi)容：HTML標(biāo)簽可以包含文本內(nèi)容或其他標(biāo)簽。文本內(nèi)容直接放置在標(biāo)簽的開閉標(biāo)簽之間，例如<p>這是一個(gè)段落。</p>。標(biāo)簽可以嵌套在其他標(biāo)簽中，形成標(biāo)簽的層次結(jié)構(gòu)。
          4. 注釋：HTML注釋用于在代碼中添加注釋，不會(huì)在網(wǎng)頁中顯示。注釋以<!--開頭，以-->結(jié)尾，例如<!-- 這是一個(gè)注釋 -->。
          下面是一個(gè)簡(jiǎn)單的HTML示例：
          <!DOCTYPE html>
<html>
<head>
  <title>我的網(wǎng)頁</title>
</head>
<body>
  <h1>歡迎來到我的網(wǎng)頁</h1>
  <p>這是一個(gè)段落。</p>
  <a href="https://www.example.com">點(diǎn)擊這里</a>訪問示例網(wǎng)站。
</body>
</html>

          在這個(gè)示例中，<!DOCTYPE html>聲明了文檔類型為HTML5。<html>標(biāo)簽是HTML文檔的根元素。<head>標(biāo)簽用于定義文檔的頭部信息，例如標(biāo)題和樣式表。<title>標(biāo)簽定義了網(wǎng)頁的標(biāo)題，將顯示在瀏覽器的標(biāo)題欄中。<body>標(biāo)簽用于定義文檔的主體內(nèi)容。<h1>標(biāo)簽定義了一個(gè)一級(jí)標(biāo)題，<p>標(biāo)簽定義了一個(gè)段落，<a>標(biāo)簽定義了一個(gè)鏈接。
          TML常用標(biāo)簽
          1. web標(biāo)準(zhǔn)
          1.1 web標(biāo)準(zhǔn)的構(gòu)成
          主要包括 結(jié)構(gòu) 、 表現(xiàn) 和 行為 三個(gè)方面。
          標(biāo)準(zhǔn)說明結(jié)構(gòu)用于對(duì) 網(wǎng)頁元素 進(jìn)行整理和分類（HTML）表現(xiàn)用于設(shè)置網(wǎng)頁元素的 外觀樣式 （CSS）行為網(wǎng)頁模型的定義及 交互 的編寫（JavaScript）
          如果將web標(biāo)準(zhǔn)比喻為一只鳥，則
          • 結(jié)構(gòu)=身體
          • 表現(xiàn)=羽毛
          • 行為=動(dòng)作（飛行、站立等）
          1.2 標(biāo)簽關(guān)系
          雙標(biāo)簽關(guān)系分為：
          • 包含關(guān)系（父子）
          • 并列關(guān)系（兄弟）
          (1)包含關(guān)系
          <!--head標(biāo)簽包含title標(biāo)簽-->
<head>
    <title></title>
</head>
          (2)并列關(guān)系
          <!--head標(biāo)簽與body標(biāo)簽并列-->
<head></head>
<body></body>
          2. HTML基本結(jié)構(gòu)
          標(biāo)簽名定義<html></html>html標(biāo)簽<head></head>文檔的頭部<title></title>文檔的標(biāo)題<body></body>文檔的主體
          <!DOCTYPE html>   <!--文檔類型聲明標(biāo)簽-->  
<html lang="en">    <!--en:英語，zh-CN:中文-->
    
    <head>
        <!--字符集，UTF-8為萬國碼，統(tǒng)一使用-->
        <meta charset="UTF-8">
        <title></title>
    </head>
    
    <body>
        
    </body>
    
</html>
          3. HTML常用標(biāo)簽
          3.1 標(biāo)題標(biāo)簽
          一個(gè)標(biāo)題獨(dú)占一行。（塊級(jí)元素）
          <h1>
    一級(jí)標(biāo)題（字號(hào)最大）
</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6>
    六級(jí)標(biāo)題（字號(hào)最小）
</h6>
          3.2 段落標(biāo)簽
          用于將HTML文檔分割為若干段落。
          特點(diǎn)：
          • 文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行
          • 段落之間有空隙
          <p>
    這是一個(gè)段落
</p>
          3.3 換行標(biāo)簽
          用于強(qiáng)制換行。
          特點(diǎn)：
          • 單標(biāo)簽
          • 換行沒有像段落那樣的空隙
          <br>這是換行標(biāo)簽
          3.4 文本格式化標(biāo)簽
          語義標(biāo)簽加粗<strong></strong>傾斜<em></em>刪除線<del></del>下劃線<ins></ins>
          3.5 盒子標(biāo)簽
          用于界面布局。
          特點(diǎn)：
          • div一行只能放一個(gè)（塊級(jí)元素）
          • span一行可以放多個(gè)（行級(jí)元素）
          <div>
    這是大盒子
</div>
<span>這是小盒子</span>
          3.6 圖像標(biāo)簽和路徑
          (1)圖像標(biāo)簽
          用于定義頁面中的圖像。
          <!--屬性與屬性之間用空格分開-->
<img src="圖像的url" alt="" title="">
          屬性說明src圖片路徑（ 必須屬性 ）alt圖像不能顯示時(shí)的替換文本title鼠標(biāo)放到圖像上顯示的提示文本width設(shè)置圖像的寬度height設(shè)置圖像的高度border設(shè)置圖像的邊框粗細(xì)（在CSS中修改）
          注：圖像的寬和高一般只修改其中一個(gè)，另一個(gè)會(huì)隨之調(diào)整。
          (2)路徑
          • 相對(duì)路徑：文件相對(duì)于HTML頁面的位置
          相對(duì)路徑分類符號(hào)說明同一級(jí)src="文件名"下一級(jí)/src="同一級(jí)文件夾名稱/文件名"上一級(jí)../src="../文件名"
          • 絕對(duì)路徑：完整的路徑名稱（一般很少用）。eg. C:\xxx\xxxx.jpg
          注意：絕對(duì)路徑用“\”分隔，相對(duì)路徑用“/”分隔。
          3.7 超鏈接標(biāo)簽和鏈接分類
          (1)超鏈接標(biāo)簽
          <a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式">文本或圖像</a>
          屬性作用href鏈接目標(biāo)的url（ 必須屬性 ）target鏈接頁面的打方式。_self：在當(dāng)前窗口打開（默認(rèn)值），_blank：在新窗口打開
          (2)鏈接分類
          1. 外部鏈接：例如http://www.bilibili.com
          2. 內(nèi)部鏈接：網(wǎng)站內(nèi)部頁面之間的相互鏈接，例如index.html
          3. 空鏈接：#
          4. 下載鏈接：地址里是一個(gè)文件或壓縮包
          5. 網(wǎng)頁元素鏈接：在網(wǎng)頁中的各種網(wǎng)頁元素都可以添加超鏈接
          6. 錨點(diǎn)鏈接：可以快速定位到頁面中的某個(gè)位置鏈接：<a href="#名字"></a>找到目標(biāo)位置標(biāo)簽，里面添加一個(gè)id屬性，<h2 id="名字"></h2>返回頂部：<a href="#"></a>
          3.8 注釋和特殊字符
          (1)注釋
          <!--這是一行注釋-->
          (2)特殊字符
          特殊字符描述字符的代碼空格符<小于號(hào)<>大于號(hào)>&和號(hào)&￥人民幣¥?版權(quán)©?注冊(cè)商標(biāo)®°攝氏度°±正負(fù)號(hào)±?乘號(hào)×?除號(hào)÷2平方²3立方³
          注：重點(diǎn)記住前三個(gè)。
          大家平時(shí)學(xué)習(xí)web前端的時(shí)候肯定會(huì)遇到很多問題，小編我為大家準(zhǔn)備了web前端學(xué)習(xí)資料，將這些免費(fèi)分享給大家！如果想要的可以找我領(lǐng)取
          領(lǐng)取方式：
          如果想獲取這些學(xué)習(xí)資料，先關(guān)注我然后私信小編“01”即可免費(fèi)領(lǐng)取！（私信方法：點(diǎn)擊我頭像進(jìn)我主頁右上面有個(gè)私信按鈕）
          如果這篇文章對(duì)你有幫助，請(qǐng)記得給我來個(gè)評(píng)論+轉(zhuǎn)發(fā)噢
          起
          想寫這篇文章，是因?yàn)樽罱?GA 中發(fā)現(xiàn)了一些問題。
          EmarSys 是公司新簽約的 EDM 服務(wù)商，在 GA 中已經(jīng)可以看到最新一期 EDM 帶來的流量。但它的媒介參數(shù)似乎不正確，理論上應(yīng)該設(shè)置為 email。
          運(yùn)營部的同學(xué)認(rèn)為提供給 EDM 的鏈接不會(huì)有錯(cuò)，于是我深入分析之后便有了這篇文章。寫完它，我以后應(yīng)該就不需要口頭再解答很多問題了。
          UTM 參數(shù)
          UTM 參數(shù)的作用這里暫不贅述。我們先看一個(gè)正常的、加了 UTM 參數(shù)的鏈接（URL），它通常是這樣的：
          http://www.foobar.com/?utm_source=google&utm_medium=cpc&utm_campaign=test&utm_term=test
          簡(jiǎn)單小結(jié)一下參數(shù)規(guī)則：
          • UTM 參數(shù)可能有一個(gè)或多個(gè)。
          • 每個(gè) UTM 參數(shù)由參數(shù)名和參數(shù)值組成，使用等號(hào)（=）連接。
          • 多個(gè) UTM 參數(shù)之間使用 and 字符（&）連接。
          • 所有參數(shù)使用問號(hào)（?）附加到原始鏈接的尾部。
          • （其它略微高級(jí)一點(diǎn)的規(guī)則與主題無關(guān)，暫且略過。）
          實(shí)際工作中，建議使用專門的鏈接生成工具來為鏈接添加 UTM 參數(shù)，避免手工失誤。
          當(dāng)有人用瀏覽器訪問這個(gè) URL 時(shí)，UTM 參數(shù)就會(huì)發(fā)揮作用。
          好的，如果你只是提供一個(gè)最終鏈接給一個(gè)靠譜的 Agency，那么直接提供上面的鏈接就可以了。但是如果是自己制作 EDM，情況會(huì)稍稍復(fù)雜一些。
          HTML 實(shí)體
          EDM 的本質(zhì)實(shí)際上是一個(gè) HTML 頁面（或一段 HTML 代碼），理論上它需要遵守 HTML 規(guī)范。
          我們?cè)谏厦嫣岬降?& 字符在 HTML 代碼中是一個(gè)特殊字符，有特殊用途，它不能直接代表它自己。如果要在 HTML 頁面中表達(dá)這個(gè)字符時(shí)，你需要在源代碼中把它寫成 &。這種寫法叫做“HTML 實(shí)體”，其它一些字符也需要以實(shí)體的形式來寫入 HTML 代碼中（比如大于號(hào) > → >、人民幣符號(hào) ￥ → ￥ 等等）。
          所以，如果要把鏈接加到 EDM 中的某個(gè)元素身上，在 HTML 源碼中就需要這樣寫（摘自 EDM 源文件）：
          當(dāng)然，用戶并不會(huì)接觸到源代碼。用戶通常是使用郵件客戶端（比如 FoxMail、Outlook 等）或?yàn)g覽器來查看郵件，這些程序都是遵循 HTML 規(guī)范來開發(fā)的，它們可以正確地解析實(shí)體，將其轉(zhuǎn)換為本來的字符。
          所以，雖然我們?cè)谠创a中看到鏈接使用的是 & 實(shí)體，但郵件在顯示的時(shí)候，這些實(shí)體會(huì)被解讀為 & 字符。也就是說，用戶在查看郵件的時(shí)候，會(huì)得到一個(gè)正確的鏈接。如下圖（EDM 源文件在瀏覽器中的效果）：
          好，文章正文到此已經(jīng)結(jié)束。不過文章開頭的問題還沒有解決，所以我們繼續(xù)。
          繼續(xù)分析問題
          到目前為止，事情看起來都還不錯(cuò)，對(duì)吧？
          可是，我們并不是直接發(fā)送 HTML 文件，而是通過 EDM 投放系統(tǒng)（比如目前剛剛開始使用的 EmarSys）來完成郵件的發(fā)送。一封 EDM 從我們做好的 HTML 頁面到發(fā)送到用戶的郵箱中，經(jīng)歷了一些處理。其中一個(gè)相當(dāng)重要的處理步驟，是把頁面中原有的鏈接（通常已經(jīng)加上了 UTM 參數(shù)）“包裝”起來。也就是說，并不會(huì)把原鏈接直接提供給用戶，而是把原鏈接替換成一個(gè)“中轉(zhuǎn)鏈接”（格式大約是 http://link2.foobar.com/u/nrd.php?p=XXX）。
          我們觀察一下收到的 EDM 郵件，可以發(fā)現(xiàn)這一點(diǎn)：
          這個(gè)中轉(zhuǎn)鏈接會(huì)把用戶帶到真正的目標(biāo)頁面。（為什么 EmarSys 要使用這種中轉(zhuǎn)鏈接？其實(shí)幾乎所有成熟的 EDM 服務(wù)商都會(huì)這樣做，這樣做有一些好處，不過這里也不贅述了。）
          發(fā)現(xiàn)問題
          鋪墊了這么久，終于要發(fā)現(xiàn)真相了——問題就出在 EmarSys 的系統(tǒng)和這個(gè)中轉(zhuǎn)鏈接。
          這個(gè)系統(tǒng)并不能正確識(shí)別 HTML 頁面中的實(shí)體，在生成中轉(zhuǎn)鏈接的過程中，并不能把原鏈接中的 &實(shí)體解析為它的本意 & 字符，而是直接理解為實(shí)體的字面。這樣一來，用戶會(huì)被中轉(zhuǎn)鏈接帶到一個(gè)錯(cuò)誤的、不是我們本意的地址。
          下圖是我對(duì)中轉(zhuǎn)鏈接的跟蹤，它通過 HTTP 重定向（302）實(shí)現(xiàn)跳轉(zhuǎn)，跳轉(zhuǎn)目標(biāo)由 Location 字段指定：
          發(fā)現(xiàn)問題了吧？如果點(diǎn)擊 EDM 中的鏈接，用戶真正到達(dá)的地址是這樣的：
          不要小看這幾個(gè)字符的差異，這個(gè) URL 的實(shí)際效果已經(jīng)不是我們最初期望的那樣了。如果你分析一下，會(huì)發(fā)現(xiàn)這個(gè)頁面（除了 utm_source 參數(shù)以外）真正接收到的是 amp;utm_media 這樣的參數(shù)，而不是原本的 utm_media 等等。參數(shù)傳錯(cuò)了，GA 當(dāng)然也就收不到正確的值，所以實(shí)際上不僅媒介參數(shù)有問題，活動(dòng)、內(nèi)容、關(guān)鍵字參數(shù)都沒有收到：
          解決方案
          目前我們所能做的：
          1. 向 EmarSys 反饋此問題，要求修復(fù)此缺陷。
          2. 在此問題修復(fù)之前，我們?cè)?HTML 代碼的鏈接中，不使用實(shí)體，直接使用 & 字符。（需要注意的是，這樣編寫的 HTML 代碼是不規(guī)范的，我們這樣做僅僅是為了繞過 EmarSys 系統(tǒng)的缺陷。）
          希望本文能幫助到您！
          點(diǎn)贊+轉(zhuǎn)發(fā)，讓更多的人也能看到這篇內(nèi)容（收藏不點(diǎn)贊，都是耍流氓-_-）
          關(guān)注 ｛我｝，享受文章首發(fā)體驗(yàn)！
          每周重點(diǎn)攻克一個(gè)前端技術(shù)難點(diǎn)。更多精彩前端內(nèi)容私信 我 回復(fù)“教程”
          原文鏈接：https://mp.toutiao.com/profile_v3/graphic/publish
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
久久久久人妻精品一区蜜桃|
精品福利一区3d动漫|
老熟妇仑乱视频一区二区|
日韩精品无码一区二区视频|
免费av一区二区三区|
蜜桃无码AV一区二区|
日本国产一区二区三区在线观看|
国产精品区一区二区三|
国产精品乱码一区二区三区|
亚洲国产精品一区第二页
|
日韩一区二区三区视频|
国产精品区AV一区二区|
亚洲男女一区二区三区|
日本无卡码免费一区二区三区|
插我一区二区在线观看|
国产福利一区二区三区在线观看
|
色妞色视频一区二区三区四区|
日本在线视频一区二区|
一区二区三区在线观看中文字幕
|
国产一区二区三区免费|
国产大秀视频在线一区二区|
视频一区二区精品的福利|
久久久久人妻精品一区二区三区|
波多野结衣精品一区二区三区|
国产亚洲3p无码一区二区|
精品国产高清自在线一区二区三区|
中文字幕在线无码一区|
人妻夜夜爽天天爽一区|
天堂资源中文最新版在线一区|
婷婷亚洲综合一区二区|
麻豆国产一区二区在线观看|
国产精品无码不卡一区二区三区|
国产电影一区二区|
久久精品亚洲一区二区|
一区二区三区在线观看免费|
亚洲乱码av中文一区二区|
国产一区二区女内射|
色系一区二区三区四区五区|
中文字幕人妻第一区|
无码日韩精品一区二区三区免费|
精品一区二区三区影院在线午夜|