HTML5

網頁基本信息標簽代表網頁頭部標簽代表網頁主體網頁標題

網頁基本標簽標題標簽

一級標題二級標題段落標簽換行標簽

水平線標簽[object Object]粗體標簽?內容斜體標簽?內容特殊符號

空格??&nbsp；

大于??&gt；

小于??&lt；

版權符號??&copy；XXX

注釋

圖像標簽../?表示上級目錄

src?必填

alt?必填

鏈接標簽

頁面間鏈接鏈接文本或圖像href?必填

鏈接文本或圖像位置?放置圖像標簽即為圖片

_self?在當前窗口打開

_blank?新建窗口打開

錨鏈接頂部使用id作為標記，錨鏈接的錨

HTML5棄用name，用id來代替回到頂部

功能性鏈接郵件鏈接:mailtoE-mail?meQQ鏈接：參考QQ推廣，會給你生成鏈接代碼

行內元素和塊元素

塊元素：無論內容多少，該元素獨占一行

比如標題標簽，段落標簽......

行內元素：內容撐開寬度，左右都是行內元素的可以排在一行

比如鏈接標簽，粗體標簽......

列表標簽

有序列表內容內容內容

無序列表內容內容內容

自定義列表列表名稱內容內容

表格標簽1-12-12-22-33-13-2table?表格

tr?行

td?列

border?邊框?1px?指定邊框寬度

colspan?跨列

rowspan?跨行

媒體元素video?視頻文件

audio?音頻文件

src?文件路徑

controls?控制條

autoplay?自動播放

頁面結構分析元素名描述header標題頭部區域的內容(用于頁面或頁面中的一塊區域)

footer標記腳部區域的內容(用于整個頁面或頁面的一塊區域)

sectionWeb頁面中的一塊獨立區域

article獨立的文章內容

aside相關內容或應用(常用于側邊欄)

nav導航類輔助內容

iframe內聯框架

在當前網頁嵌套一個別的網頁src?地址

name?可以用于target，在此內聯框架打開

表單語法

一般用法是網頁的登錄和注冊名字：密碼：性別：男女愛好：睡覺游戲國家：中國美國瑞士反饋文本內容郵箱驗證URL驗證數字驗證滑塊搜索：點擊文本跳轉輸入框method?規定如何發送表單數據?常用值get、post

action?表示向何處發送表單數據

文本輸入框value?默認初始值

maxlength?最長能寫幾個字符

size?文本框的長度

密碼框radio?單選框?用name分組

checkbox?多選框

select?下拉框

textare?文本域

file?文件域

email?郵箱?帶有很low的驗證

url?URL?帶有驗證

number?數字帶有驗證

range?滑塊

search?搜索框

直接添加不需要賦值

checked?單選框和多選框的默認選中

selected?下拉框的默認選中

readonly?只讀

disable?禁用

hidden?隱藏

label?增強鼠標可用性

以下為按鈕，寫法差不多

button?按鈕

image?圖片按鈕?需要路徑src

submit?提交

reset?重置

get方式提交：我們可以在URL中看到我們提交的信息，不安全，高效

post方式提交：比較安全，可以傳輸大文件

表單元素格式屬性說明type指定元素類型。text、password、checkbox、radio、submit、reset、file、hidden、image和button，默認為text

name指定表單元素的名稱

value元素的初始值。type為radio時必須指定一個值

size指定表單元素的初始寬度。當type為text或password是，表單元素的大小以字符為單位。對于其他類型，寬度以像素為單位

maxlengthtype為text或password時，輸入的最大字符數

checkedtype為radio或checkbox時，指定按鈕是否被選中

表單初級驗證

常用方式

placeholder 提示信息

required 判斷非空

pattern 用正則表達式判斷是否合法，不知道哪段正則表達式就去百度https://www.jb51.net/tools/regexsc.htmplaceholderrequired

總結

以上是生活随笔為你收集整理的html5 fc,HTML5_mob604756fc093d的技术博客_51CTO博客的全部內容，希望文章能夠幫你解決所遇到的問題。

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