0基礎學前端---品優購項目Day14

0基礎學前端—品優購項目Day14

視頻參考:B站Pink老師
本節重點:all
項目鏈接:完整的項目已放到 品優購完整項目 大家可以自行下載

強調內容

這里主要強調兩個知識點:
(1) 網站TDK三個標簽SEO優化
(2) logo SEO優化

網站TDK三個標簽SEO優化

T: title 網站名(產品名)網站的介紹
D: 網站是做什么的
K:關鍵字 6~8個最好

logo SEO優化

(1)logo里面首先放一個h1標簽,目的是為了提權、告訴搜索引擎(重要)
(2)h1里面再放一個鏈接,可以返回首頁的,把logo的背景圖發給鏈接即可
(3)為了搜索引擎收錄我們,我們鏈接里面要放文字(網站名稱),但是文字不要顯示出來
·方法1:text-indent移到盒子外面text-indent:-999px,然后overflow:hidden,淘寶是這么做的
·方法2:直接給font-size:0,就看不到文字了,京東這么做
(4)最后給鏈接一個title屬性,這樣鼠標放到logo上就可以看到提示文字了
—————————————————————————————————————————
下面即將更新移動Web的flex布局,之后就更新JS了,有什么問題都可以在評論區進行討論哦!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/72479.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/72479.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/72479.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

LeetCode熱題100JS(37/100)第七天|排序鏈表|合并K個升序鏈表|LRU緩存|二叉樹的中序遍歷|二叉樹的最大深度|對稱二叉樹

148. 排序鏈表 題目鏈接:???????148. 排序鏈表 難度:中等 刷題狀態:1刷 新知識: - dic.reduceRight((t,c)>(c.nextt,c),null) 方法從數組的末尾開始執行 解題過程 思考 示例 1: 輸入:head […

課程2. 機器學習方法論

課程2. 機器學習方法論 訓練算法并評估其質量將樣本分成訓練和測試。分層 交叉驗證方法sklearn 接口算法模型訓練模型的應用質量評估 數據預處理標準縮放Violinplot 數據集使用模型Pipeline 在上一講中,我們討論了機器學習專家面臨的挑戰。無論解決的問題類型和解決…

六足仿生機器人地形自適應步態規劃研究

六足仿生機器人地形自適應步態規劃研究 第1章 緒論第2章 機器人系統建模第3章 地形感知與建模第4章 自適應步態生成算法第5章 動力學仿真與實驗第6章 驅動代碼設計與實現源碼&文檔鏈接 第1章 緒論 1.1 研究背景與意義 1.2 國內外研究現狀 1.2.1 多足機器人步態規劃 1.2.2 …

mysql表分區

本文簡述了mysql表分區的作用和特點,又演示了mysql表分區的創建過程,詳細演示了指定不同分區目錄時的處理辦法。由于表分區對crud操作是透明的,對于普通開發同學其實不用過多關注,但是本著學習的態度,在分庫分表等高大…

Nessus安裝

Nessus:https://pan.quark.cn/s/f5fb09b6d4fb 1.軟件安裝 點擊安裝,剩下的下一步即可。 直接下一步安裝即可 2.Web端安裝 會彈出一個web窗口 開始初始化 創建用戶 開始初始化 3.Cracker 會彈一個黑窗口 運行完,回車即可。訪問https://loc…

26-小迪安全-模塊引用,mvc框架,渲染,數據聯動0-rce安全

先創建一個新聞需要的庫 這樣id值可以逐級遞增 然后隨便寫個值,讓他輸出一下看看 模板引入 但是這樣不夠美觀,這就涉及到了引入html模板 模板引入是html有一個的地方值可以通過php代碼去傳入過去,其他的html界面直接調用,這樣頁…

第十三屆藍橋杯大賽軟件賽決賽C/C++ 大學 B 組

A 【2022——暴力DP / 優雅背包】-CSDN博客 B 【鐘表——類日期問題】-CSDN博客 C 【卡牌——二分】-CSDN博客 D 【最大數字——DFS】-CSDN博客 E 【出差——Dijkstra】-CSDN博客 F 【費用報銷——01背包】-CSDN博客 G 【故障——條件概率】-CSDN博客 H 【機房—…

樹莓集團最新現狀更新:南京園區業務的創新與突破

樹莓集團在南京的園區業務呈現出蓬勃發展的態勢,不斷實現創新與突破。 在產業布局方面,南京園區進一步優化了產業結構。除了繼續鞏固數字影像、數字娛樂等傳統優勢領域外,還積極拓展了數字金融、數字教育等新興領域。吸引了一批知名的數字金融…

Linux網絡編程(20250301)

網絡通信:進行不同主機的進程間通信 解決硬件與軟件的互聯互通 主機-->交換機-->路由器-->廣域網-->路由器-->交換機-->主機 IP地址:區分不同主機 MAC地址:計算機硬件地址 端口號:區分主機上的不同進程 1…

【JavaScript】《JavaScript高級程序設計 (第4版) 》筆記-附錄B-嚴格模式

附錄B、嚴格模式 嚴格模式 ECMAScript 5 首次引入嚴格模式的概念。嚴格模式用于選擇以更嚴格的條件檢查 JavaScript 代碼錯誤,可以應用到全局,也可以應用到函數內部。嚴格模式的好處是可以提早發現錯誤,因此可以捕獲某些 ECMAScript 問題導致…

藍橋試題:混境之地(記憶化搜索)

一、問題描述 小藍有一天誤入了一個混境之地。 好消息是:他誤打誤撞拿到了一張地圖,并從中獲取到以下信息: 混境之地是一個n?m 大小的矩陣,其中第 i 行第 j 列的的點 h i j? 表示第 i 行第 j 列的高度。他現在所在位置的坐標…

CC++鏈接數據庫(MySQL)超級詳細指南

C/C鏈接數據庫(MySQL)超級詳細指南 在C/C編程中,與數據庫進行交互是一項常見的任務。MySQL作為一個廣泛使用的開源關系型數據庫管理系統,提供了豐富的API供C/C開發者使用。本文將詳細介紹如何在C/C程序中鏈接MySQL數據庫&#xf…

基于EM期望最大化算法的GMM參數估計與三維數據分類系統python源碼

目錄 1.算法運行效果圖預覽 2.算法運行軟件版本 3.部分核心程序 4.算法理論概述 4.1 EM算法 E步:期望步 M步:最大化步 4.2 GMM模型 5.算法完整程序工程 1.算法運行效果圖預覽 (完整程序運行后無水印) 2.算法運行軟件版本 程序運行配置環境: 人工智能算法…

制服小程序的“滑手”:禁用頁面左右滑動全攻略

哈哈,看來你已經很聰明地發現了小程序中左右滑動的“頑皮”行為!😄 沒錯,我們可以通過設置 disableScroll 屬性來“管教”它,同時結合 CSS 樣式讓頁面既禁得住橫向“亂跑”,又能順暢地上下滾動。你的方案已…

docker學習筆記(1)從安裝docker到使用Portainer部署容器

docker學習筆記第一課 先交代背景 docker宿主機系統:阿里云ubuntu22.04 開發機系統:win11 docker鏡像倉庫:阿里云,此阿里云與宿主機系統沒有關系,是阿里云提供的一個免費的docker倉庫 代碼托管平臺:github&…

stable-diffusion-webui 加載模型文件

背景 stable-diffusion-webui 安裝完畢后,默認的模型生成的效果圖并不理想,可以根據具體需求加載指定的模型文件。國內 modelscope 下載速度較快,以該站為例進行介紹 操作步驟 找到指定的模型文件 在 https://modelscope.cn/models 中查找…

kotlin高級用法總結

Kotlin 是一門功能強大且靈活的編程語言,除了基礎語法外,它還提供了許多高級特性,可以幫助你編寫更簡潔、高效和可維護的代碼。以下是 Kotlin 的一些高級用法,涵蓋了協程、擴展函數、屬性委托、內聯類、反射等內容。 協程&#x…

Linux網絡 NAT、代理服務、內網穿透

NAT 技術 IPv4 協議中存在 IP 地址數量不充足的問題,而 NAT 技術是當前解決 IP 地址不夠用的主要手段 , 是路由器的一個重要功能。NAT 能夠將私有 IP 對外通信時轉為全局 IP,也就是就是一種將私有 IP 和全局 IP 相互轉化的技術方法。 這可以讓很多學…

世界模型在塑造自動駕駛中的作用:綜述

25年2月來自華中理工和百度的論文“”The Role of World Models in Shaping Autonomous Driving: A Comprehensive Survey“。 駕駛世界模型 (DWM) 專注于預測駕駛過程中的場景演變,已成為實現自動駕駛一個有前途的范例。這些方法使自動駕駛系統能夠更好地感知、理…

全向廣播揚聲器在油氣田中的關鍵應用 全方位守護安全

油氣田作為高風險作業場所,安全生產始終是重中之重。在緊急情況下,如何快速、有效地傳達信息,確保人員安全撤離,是油氣田安全管理的關鍵環節。全向廣播揚聲器憑借其全方位覆蓋、高音質輸出和強大的環境適應性,成為油氣…