目的:為開發頁面時有一套明確的頁面結構化實施方案,提高開發效率; HTML結構化指的其實就是使用HTML語義化標簽根據web標准書寫具有明確結構邏輯的HTML代碼的一種思路;說白了重點就是:頁面實際要展現的內容,貼切頁面內容的HTML標簽,符合web標准,結構邏輯明確; 前置條件 ...
一 語義化結構化標簽 結構化標簽優點: 方便瀏覽器處理和識別,提升了網頁的質量和語義。 減少了大量無意義的div標簽,增強代碼的可讀性。 結構化標簽: header,nav,body,article,section,aside,hgroup,figure,figcaption,footer lt header gt 定義文檔的頁眉 lt nav gt 定義導航鏈接的部分 lt article gt ...
2015-07-07 22:11 0 2557 推薦指數:
目的:為開發頁面時有一套明確的頁面結構化實施方案,提高開發效率; HTML結構化指的其實就是使用HTML語義化標簽根據web標准書寫具有明確結構邏輯的HTML代碼的一種思路;說白了重點就是:頁面實際要展現的內容,貼切頁面內容的HTML標簽,符合web標准,結構邏輯明確; 前置條件 ...
<header>表示頁面中一個內容區塊或整個頁面的標題。 <section>頁面中的一個內容區塊,如章節、頁眉、頁腳或頁面的其他地方,可以和h1、h2……元素結合起來使用,表示文檔結構。 <article>表示頁面中一塊與上下文不相關的獨立內容,如一 ...
的artilce對外層的article標簽有隸屬的關系。 section 定義文檔中的節 章節、 ...
一、定義標題欄:header header 元素是一種具有引導和導航作用的結構元素,通常用來放置整個頁面或頁面內的一個內容區塊的標題,但也可以包含其他內容,因此整個頁面的標題應該放在頁面的開頭。 header 定義文檔的頁眉,在一個網頁中可以多次使用 header 元素。 語法 ...
一、Html的基本結構: <!DOCTYPE html> <html> <head> <meta charset=utf-8"> <title></title> < ...
html文檔結構 1.<!doctype html>聲明為html5文件,必須是html文檔的第一行,在<html>標簽之前; 2.<html>、</html>是文檔開始和結束的標記,是HTML頁面的根元素,在它們之間是文檔 ...
一、HTML5語義化標簽 標簽 描述 <article> 頁面獨立的內容區域。 <aside> 頁面的側邊欄內容。 <bdi> ...
在HTML5之前采用HTML+CSS文檔結構寫法: ID選擇器說明 id選擇器——用於標識頁面上特定元素(比如站點導航、頁眉、頁腳)而且必須唯一; 也可以用來標識持久結構性元素(如主導航、內容區域) class選擇器說明 class類選擇器——可以應用於頁面任意多個元素 ...