HTML之語義化與路徑問題

2021-09-25 13:06:21 字數 917 閱讀 7569

實際工作中,通常新建乙個資料夾專門用於存放影象檔案,這時再插入影象,就需要採用「路徑」的方式來指定影象檔案的位置。

路徑可以分為: 相對路徑和絕對路徑

以引用檔案之網頁所在位置為參考基礎,而建立出的目錄路徑。因此,當儲存於不同目錄的網頁引用同乙個檔案時,所使用的路徑將不相同,故稱之為相對路徑。

影象檔案和html檔案位於同一資料夾:只需輸入影象檔案的名稱即可,如影象檔案位於html檔案的上一級資料夾:在檔名之前加入「../」 ,如果是上兩級,則需要使用 「../ ../」,以此類推,如

絕對路徑以web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對,意指當所有網頁引用同乙個檔案時,所使用的路徑都是一樣的

「d:\web\img\logo.gif」,或完整的網路位址,例如「

為什麼要有語義化標籤?

方便**的閱讀和維護

同時讓瀏覽器或是網路爬蟲可以很好地解析,從而更好分析其中的內容

使用語義化標籤會具有更好地搜尋引擎優化

核心:合適的地方給乙個最為合理的標籤。

語義是否良好: 當我們去掉css之後,網頁結構依然組織有序,並且有良好的可讀性。

白話,一眼看去,就知道哪個是重點,結構是什麼,知道每塊的內容是幹啥的。

遵循的原則:先確定語義的html ,再選合適的css。

常用的一些語義化標籤:

h5新增的標籤:

詳情:傳送門1

傳送門2

html語義化標籤 HTML語義化

html語義化的發展分成三個階段 原始階段 這個階段寫html標籤的主要是最早的全棧開發人員,由於對頁面的美化需求還處在最基本的層面,因此大多使用標籤,這樣的缺點也很明顯,後期維護人員很難從眾多的標籤中找到自己需要的內容。美工階段 對頁面美化需求的提公升,催生了這一階段的 美工 人員,對標籤的使用也...

HTML之語義化標籤

語義化的標籤,旨在讓標籤有自己的含義。語義元素清楚地向瀏覽器和開發者描述其意義。定義塊引用,塊引用擁有它們自己的空間。短的引述 跨瀏覽器問題,盡量避免使用 datetime 屬性遵循特定格式,如果忽略此屬性,文字內容必須是合法的日期或者時間格式。簡稱或縮寫。定義術語元素,與定義必須緊挨著,可以在描述...

html學習之 標籤語義化

html語義化在前端學習中會經常出現,下面對html語義化做個總結 一 什麼是html語義化 html語義化總的來說就是用正確的標籤做正確的事。圍繞著一些標籤展開,如h1 h6。把適當的標籤用在合適的地方。是頁面結構更加的清晰。二 html語義化有什麼作用 1 使用html語義化,能使頁面結構更清晰...