## meta標簽

meta標簽中的內容不在界面顯示
更多meta標簽的內容參考網站：https://man.ilovefishc.com/pageHTML5/meta.html

## style標簽

以上為style標簽的普通使用，還可以為不同的顯示方式設置不同的顯示樣式。

## link標簽
link樣式表

link圖標

## base標簽

指定相對URL的解析基準，點擊頁面上“第一個例子”時，會跳轉到"http://demo.fishc.com/html5/lesson4/test1

## script標簽
載入JavaScript腳本

defer屬性 延遲執行腳本 等html全部解析完畢，才執行腳本內容
defer屬性只能用于外部腳本文件

異步執行腳本 async屬性 只能用于獲取外部腳本文件
腳本獲取 html解析同時進行

noscripe 用來向不支持JavaScript的瀏覽器顯示一些替代內容

## 注釋
html:

CSS : /* */

Javascript： // 單行注釋 或者 /* 多行注釋 */

## 塊級元素和行內元素
br元素： 換行

## HTML字符實體
在html中不能直接使用某些字體，需要特定符號進行替換。例如“<”需用&#60； 替換
## pre標簽
保留等寬字體

## code標簽
顯示源代碼內容

多行代碼用pre嵌入code表示

定義程序的變量：var
定義用戶的輸入：kbd
定義程序的輸出：samp

引用部分：

** q元素**

在引用內容兩側加入引號

** blockquote元素**

cite元素-定義標題
abbr元素
** dfn元素-術語

address元素-定義作者信息

ruby元素

效果：

bdo元素-指定文本排版方式 從左到右ltr 從右到左rtl

格式化部分：

strong元素-強調文本重要性，加粗
b元素-加粗顯示，表示粗體，無重要語義
em元素-表示強調，斜體
i元素-表示斜體，無語義
del元素-元素內內容會加入刪除線
ins元素-所在內容會加入下劃線
s元素-所在內容會被劃掉
u元素-定義專有名詞
mark元素-標記內容，黃色底色
sup，sub元素-上下標，用于數學公式或化學公式
small元素-小字表示內容

列表部分：

ul元素-無序列表
li元素-表格中每一項內容
ol元素-有序列表 屬性：reverse start type
CSS樣式用于表格
列表嵌套
dl元素-定義列表 dt-項目內容 dd-項目內容所對應的項目介紹

table 元素-表示表格，th表頭，td內容，caption表頭· html5后，表格的權限得到限制，需要用CSS制作表格樣式。

thead tbody tfoot元素配合th td使用，優化表格樣式
colgroup元素-對列進行設置

form表單的屬性

form input button標簽
表單提交方法：get post
autocomplete-自動填充屬性 on/off 可單獨設置某一個input的屬性
target-指定目標顯示位置 如：_blank 在新的頁面顯示
value-設置默認值
autofocus-自動聚焦
disable-禁用，不傳遞數據
readonly-禁止修改，傳遞數據

## label元素 用于文本內容輸出，不會帶來樣式上的變化

fieldset標簽-可以對內容進行分組并“包裹”起來，清晰表達
legen屬性-fieldset的說明信息

單選框 - select標簽 option標簽

下拉列表太長時可對選項內容進行分組：

input標簽的可用屬性：
1.text，password
2.submit button reset

3.radio-單選框
同一單選框中的內容其 name要保持一致
4.checkbox-多選框

5.時間和日期：time data month week datetime-local(本地日期和時間)

百分號編碼（URL編碼）：有些符號會引起歧義，制定規范進行替換

6.search-搜索框
7.color-顏色控制器
8.image-圖片作為按鈕，可以獲取鼠標點擊圖片的相對位置，做出不同的回應。
9.hidden -輸入框在網頁顯示時 完全不顯示，但在瀏覽器的控制臺可以看到元素的存在
10.file-上傳文件 需要設置form中的enctype=multipart/form-data method=post,還可以設置文件的類型accept,設置長傳尺寸 multiple屬性-同時長傳多個文件

11.number-限定數字輸入，并用min max step 設置數字的范圍

12.range-數值滾動條 value設置默認值

13.email,tel,url-郵箱,電話,網址

此時的輸入限制還不是很符合要求，可增加pattern 根據正則表達式來限制輸入
14.placeholder-提示內容

15.required-設置字段為必填
16.size-設置輸入框長度
17.maxlength-限制輸入的最大字符數量

18.list datalist-設置內容關聯


19.output-輸出計算結果
20.textarea-接收多行文本輸入 cols rows wrap屬性

網頁的架構

div-塊級無語義元素
新元素替代div的布局結構，可用標簽如下：



默認為收起來的狀態，可設置open屬性，將其設為默認打開的狀態

map，area元素 -實現同一圖片的不同點擊位置，跳轉到不同鏈接

picture，source元素-設置圖片的適配屬性不同的屏幕尺寸，顯示不同的圖片

figure，figcaption元素-將圖片標記為插圖

在網頁中嵌入視頻-video
src-插入播放的視頻
controls - 控制條
autoplay-自動播放（不同瀏覽器下效果不同）
muted-靜音播放
preload-預加載（網頁加載完成后，自動加載視頻，免除加載的時間，但會消耗流量，默認為瀏覽器控制）
poster-視頻封面設置
loop-循環播放

在網頁中嵌入音頻-audio
src-插入播放的音頻
controls - 控制條
（其他元素與video相同）
字幕-track
添加WEBVTT文件，然后加載到track中

source-設置備用視頻源，依次嘗試多個視頻源，直到播放成功為止

iframe-嵌入其他網頁
也可嵌入地圖，并輸入位置坐標

加入sandbox元素，保護本網頁免受嵌入網頁的影響

meter-一個范圍內的值


progress-進度條

a

總結

以上是生活随笔為你收集整理的HTML5-fishc 学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。