一.meta標籤
1.meta主要用於設定網頁中的一些元資料,元資料不是給使用者看的;
2.charset指定網頁字符集;
name指定資料的名稱;
content指定資料的內容;
3. keywords表示**的關鍵字,可以同時指定多個關鍵字,關鍵字間使用逗號隔開。
例:京東網頁源**中的關鍵字表示:
name
="keywords"
content
="網上購物,網上**,手機,筆記本,電腦,***,cd,vcd,dv,相機,數碼,配件,手錶,儲存卡,京東"
/>
4.description用於指定網頁的描述,網頁的描述會顯示在搜尋引擎的搜尋結果中。
例:京東的網頁源**中的網頁描述:
二.語義化標籤在網頁中html專門用來負責網頁的結構,所以在使用html標籤時,應該關注的是標籤的語義,而不是它的樣式。
1.標題標籤:
h1~h6一共有六級標題,從h1到h6重要性遞減,h1在網頁中的重要性僅次於title標籤,一般情況下乙個頁面只會有乙個h1,標題標籤只會使用到h3
2.在頁面中獨佔一行的元素稱之為塊元素(block element),標題標籤和p標籤都是塊元素
3.hgroup標籤用來為標題分組,可以將一組相關的標題同時放入到hgroup中
例:
>
>
回鄉偶書二首h1
>
>
其一h2
>
hgroup
>
4.在頁面中不會獨佔一行的是元素稱為行內元素,em標籤表示語音語調的乙個加重,strong標籤表示強調重要內容,這兩者都屬於行內元素。
例:
>
今天天氣
>
真em>
不錯p>
5.blockquote標籤表示乙個長引用,用於引用名人名言等,有自動縮排的作用,屬於塊元素。
例:
李白說:
>
黃河之水天上來,奔流到海不復還。
blockquote
>
效果:
6.q表示乙個短引用,沒有換行,會自動加引號,是一種行內元素。
例:
>
子曰:學而時習之,樂呵樂呵q
>
效果:
7.br標籤表示頁面中的換行,p標籤表示頁面中的分段
8.在網頁中一般通過塊元素來進行頁面布局,行內元素主要用來包裹文字;
9.一般情況下會在塊元素中放行內元素,而不會在行內元素中放塊元素,塊元素中基本什麼都能放;
10.p元素中不能放任何塊元素;
3 學習html5筆記
audio html5 標籤和video類似,沒有poster width height屬性 details詳情概要標籤 progress標籤進度 marquee 標籤 不在w3c標準 沒有語義,只是樣式,廢棄的標籤 有語義新增標籤 修改樣式使用css優於標籤屬性設定,方便改變需求,減少屬性的記憶。...
5 學習html5筆記
background red url i.png no repeat center 0 background attachment 當元素大小小於背靜,只顯示一部分,應用精靈圖 邊框 border border width 2px 3px 4px 1px border style border to...
HTML入門學習day03筆記
乙個簡單地表單 使用者名稱 密碼真實姓名 email 出生日期 性別男 女 愛好籃球 足球 閱讀 位址江蘇山西 湖南甘肅省蘇州 南京鎮江 淮安 市 區 縣介紹 實現效果為 層疊主要體現在 多個樣式表修飾同乙個元素 他可以繼承 具有優先順序 樣式表為 在html中,css的運用主要有三種方式 1.在元...