關於HTML的常見問題

2021-08-29 04:40:36 字數 1679 閱讀 1561

html 元素布局分類有哪些?

html 中 b 標籤和 strong 標籤的區別?

減少 dom 數量的辦法?

一次性給你大量 dom 如何優化?

如何禁用 a 標籤預設事件且禁用後如何實現跳轉?

什麼是 seo?

前端如何進行 seo 優化?

什麼是 meta 標籤及其常用屬性?

html頁尾始終固定在底部

js實現視窗橫向滾動

通常我們在專案開發中,使用px作為尺寸的單位,而不是使用相對單位,如:remem等。在萬物互聯的時代,最好的方式是相對單位remvhvw等現代 css 布局(如 flexbox 和 grid)方式,最大限度的支援各種終端裝置。

絕對單位

相對單位控制**結構層次在三層以內,讓蜘蛛跳轉三次就能到到達**任何乙個內頁,這意味著層次低越容易被蜘蛛收錄,如果層次太多蜘蛛可能就不願意繼爬取

導航盡量使用文字的方式,如果是也必須加入 alt 與 title 屬性,告訴搜尋引擎導航的定位

利用布局,將重要的的 html 放在前面,便於蜘蛛的優先爬取

控制頁面大小,提高頁面載入速度,如果頁面載入速度很慢,蜘蛛就會離開

正文標題使用 h1 標籤,h1 標籤自帶權重,蜘蛛認為它最重要

使用 strong 標籤 em 標籤而不是 b 標籤,因為 strong 與 em 目的就是標明重點而加粗,在搜尋引擎能夠得到高度重視

重要內容不要使用 js 輸出,蜘蛛不會讀取 js 輸出,可以採用服務端渲染的辦法將中藥內容直接呈現在當前 html 中。

蜘蛛只抓取 get 請求頁面,不抓去 post 請求頁面,合理控制頁面請求方式

外部鏈結需要加上el = nofollow屬性,告訴蜘蛛不要去爬取,因為爬取外鏈可能蜘蛛就不回來了。

不要使用 iframe 框架,蜘蛛一般不會讀取其內容

meta 標籤位於 html 的 head 區域,它描述了當前網頁的各種資訊,比如頁面的說明,關鍵字,修改日企等。對於使用者它是不可見的,它服務於瀏覽器,搜尋引擎及其他網路服務。

// 當前網頁字元編碼utf-8

// 當前網頁關鍵字,seo優化會用到

// 描述當前網頁幹什麼的

// 宣告網頁字元編碼

頁尾固定在底部分兩種情況考慮,一種是有滑動欄的情況,一種是沒有的。後者比較簡單,直接加上定位屬性就是了,但是在頁面內容是擴充整個頁面以至於可以下滑瀏覽時,這時候單純加上定位屬性就不那麼可行了,鑑於此我寫了乙個通用的js方法幫我搞定所有可能頁尾固定的情況。

廢話不多說,直接來乾貨:

左側導航欄

這是乙個頁頭

這是乙個頁尾

顯示效果為

在頁面上直接用滑鼠的滾輪垂直滾動,可以實現三個頁面之間橫向滾動的效果。

頁面1頁面2

頁面3

關於html解碼的常見問題

1,比較常見,就是網路請求到的utf8格式後,仍然不能在webview上顯示的問題,問題原因 在轉碼的資料裡有不能識別的字串,需要轉碼,對於初學者記住較難,應記住,通常把 轉換為 即可。解決方案 nsmutablestring tempcontent nsmutablestring stringwi...

HTML 常見問題

問題1.doctype 的意義是什麼 1.讓瀏覽器以標準模式渲染 2.讓瀏覽器知道元素的合法性 問題2.html xhtml html5的關係 1.html 屬於 sgml 2.xhtml屬於xml,是 html 進行 xml 嚴格化的結果 3.html5 不屬於 sgml 或 xml,比 xhtm...

HTML中常見問題彙總

由於最近在複習前面所學的知識點,發現並總結了一些常見的問題,也作為筆記記錄了下來,如下。1.web瀏覽器是什麼?html5第乙份正式草案已於2008年1月公布,現在仍然處於完善之中。良好的移植性 摒棄過時標記 更直觀的結構 內容和樣式分離 下一代表單 向量圖繪製 3.html5新增的結構標記有哪些?...