HTML5 常用語法一覽

2020-03-24 16:29:18

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了關于HTML5 常用語法一覽，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

HTML 5 常用語法一覽(列舉不支持的屬性)

HTML頭部標記

標記描述HTML5標準 base 定義頁面中所有鏈接的基準URL
title 設定顯示在瀏覽器左上方的標題內容
isindex 表明該文檔是一個可用于檢索的網關腳本不支持 meta 文檔本身的元信息,例如查詢關鍵詞,有效期等
style 設定CSS層疊樣式表內容
link 設定外部資源的鏈接
script 頁面腳本內容

元信息標記 meta 屬性

標記描述值HTML5標準http-equiv

生成一個HTTP標準域,把Content屬性關聯到HTTP頭部

content-type / expires / refresh / set-cookie

name

把content屬性關聯到一個名稱

author / description / keywords / generator /revised /others

content定義與http-equiv 或 name屬性相關的元信息關鍵字/值內容

charset文檔的字符編碼
新增屬性

注:HTML5中不支持scheme屬性,新增charset屬性,具體查看:HTML5 meta 標簽

HTML 主體標記 body 屬性

屬性描述HTML5標準text設定頁面文字顏色刪除bgcolor設定頁面背景顏色刪除background設定頁面背景圖像刪除bgproperties設定頁面的背景圖像為固定,不隨頁面的滾動而滾動刪除link設定頁面默認的鏈接顏色刪除alink 設定鼠標正在單擊時候的鏈接顏色刪除vlink 設定訪問過后的鏈接顏色刪除topmargin 設定頁面的上邊距刪除leftmargin 設定頁面的左邊距刪除

注: 在 HTML 5 中，刪除了所有 body 的特殊屬性。具體查看:HTML5 body 標簽

特殊符號

特殊符號符號碼 quot; amp; ? copy;? reg;± plusmn;× times;§ sect;￠ cent;￥ yen;· middot;
euro;￡ pound;? trade;

標題字標記

標記描述 h1 ..... /h1 一級標題 h2 ..... /h2 二級標題 h3 ..... /h3 三級標題 h4 ..... /h4 四級標題 h5 ..... /h5 五級標題 h6 ..... /h6 六級標題

注: 具體查看 HTML5 h1 至 h6 標簽

在 HTML 4.01 中，h1 - h6 元素的 align 屬性不被贊成使用。

在 HTML 5 中，h1 - h6 元素的 align 屬性不被支持。

文字的修飾標記

標記描述HTML5標準 b 粗體
strong 粗體
i 斜體
em 斜體
cite 斜體
sup 上標
sub 下標
big 大字號不支持 small 小字號不支持 u 下劃線不支持 s 刪除線不支持 strike 刪除線不支持 address 地址
tt 打字機文字不支持 blink 閃爍文字(只適用Netscape瀏覽器)不支持 code 等寬
samp 等寬
kbd 鍵盤輸入文字
var 聲明變量

字體標記 font 屬性

屬性描述HTML5標準face字體不支持size字號不支持color顏色不支持

注:請查看 HTML 5 font 標簽

在 HTML 4.01 中，不贊成使用該元素。

在 HTML 5 中，不支持該元素，但是允許由所見即所得的編輯器來插入該元素。

在 HTML 5 中，僅支持 style 屬性。

列表標記

標記描述HTML5標準 ul html' target='_blank'>無序列表
ol 有序列表
dir 目錄列表不支持 dl 定義列表
menu 菜單列表重新定義;使用用于排列表單控件

dt 、 dd

定義列表的標記
li 列表項目的標記

超鏈接標記

屬性描述HTML5標準href指定鏈接地址
name給鏈接命名命名一個錨,不支持,使用id代替title給鏈接提示文字
target指定鏈接的目標窗口

鏈接目標窗口屬性target

屬性值描述_parent在上一級窗口中打開.一般使用框架頁會經常使用_blank在新窗口中打開_self在同一個幀或窗口中打開,默認_top在瀏覽器的整個窗口中打開,忽略任何框架

圖片標記 img 屬性

屬性描述HTML5標準src圖像的源文件
alt提示文字
width、height寬度、高度
border邊框不支持vspace垂直間距不支持hspace水平間距不支持align排列不支持

圖片排列align屬性值

屬性值描述HTML5標準top文字的中間線在圖片上方 middle文字的中間線在圖片中間 bottom文字的中間線在圖片底部 left圖片在文字的左側 right圖片在文字的右側
absbottom文字的底線在圖片底部
absmiddle文字的底線在圖片中間
baseline英文文字基準線對齊
texttop英文文字上邊線對齊

注:請查看 HTML 5 img 標簽

表格標記

標記描述 table ... /table 表格標記 tr ... /tr 行標記 td ... /td 單元格標記

注:在 HTML 5 中，

不支持 table 標簽的任何屬性。

不支持 tr 標簽的任何屬性。

僅支持 td th 標簽 colspan 和 rowspan 屬性。

表單標記 form 屬性

注:

在 HTML 5 中有一個新屬性：replace。它定義表單被提交后所做的事情。

表單標記 form 元素

標記描述HTML5標準 input 表單輸入標記type 屬性有很多新的值。 select 菜單和列表標記新的屬性 option 菜單和列表項目標記可用于新元素 datalist 中 textarea 文字域標記新屬性