pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

html5新增的屬性和廢除的屬性簡要概述_html5教程技

html5新增的屬性和廢除的屬性簡要概述_html5教程技巧HTML5中文學習網,是中國最大的HTML5中文門戶,為廣大HTML5愛好者提供各種HTML5資料,包括HTML5網站、HTML5資訊、HTML5應用、HTML5游戲、H
點評:HTML5中,在新增加和廢除很多元素的同時,也增加和廢除了很多屬性比如表單相關的屬性/鏈接相關屬性是新增的而HTML4中一些屬性就被廢除掉了,感興趣的你可以了解下,或許對你學習html5有所幫助

HTML5中,在新增加和廢除很多元素的同時,也增加和廢除了很多屬性。

新增的屬性

1、表單相關的屬性

對input(type=text)、select、textarea與button指定autofocus屬性。它以指定屬性的方式讓元素在畫面打開時自動獲得焦點。 對input(type=text)、textarea指定placeholder屬性,它會對用戶的輸入進行提示,提示用戶可以輸入的內容。 對input、output、select、textarea、button與fieldset指定form屬性。它聲明屬于哪個表單,然后將其放置在頁面的任何位置,而不失表單之內。 對input(type=text)、textarea指定required屬性。該屬性表示用戶提交時進行檢查,檢查該元素內必定要有輸入內容。 為input標簽增加幾個新的屬性:autocomplete、min、max、multiple、pattern與step。還有list屬性與datalist元素配合使用;datalist元素與autocomplete屬性配合使用。multiple屬性允許上傳時一次上傳多個文件; pattern屬性用于驗證輸入字段的模式,其實就是正則表達式。step 屬性規定輸入字段的合法數字間隔(假如 step="3",則合法數字應該是 -3、0、3、6,以此類推),step 屬性可以與 max 以及 min 屬性配合使用,以創建合法值的范圍。 為input、button元素增加formaction、formenctype、formmethod、formnovalidate與formtarget屬性。用戶重載form元素的action、enctype、method、novalidate與target屬性。為fieldset元素增加disabled屬性,可以把它的子元素設為disabled狀態。 為input、button、form增加novalidate屬性,可以取消提交時進行的有關檢查,表單可以被無條件地提交。

2、鏈接相關屬性

為a、area增加media屬性。規定目標 URL 是為什么類型的媒介/設備進行優化的。該屬性用于規定目標 URL 是為特殊設備(比如 iPhone)、語音或打印媒介設計的。該屬性可接受多個值。只能在 href 屬性存在時使用。 為area增加herflang和rel屬性。hreflang 屬性規定在被鏈接文檔中的文本的語言。只有當設置了 href 屬性時,才能使用該屬性。注釋:該屬性是純咨詢性的。rel 屬性規定當前文檔與被鏈接文檔/資源之間的關系。只有當使用 href 屬性時,才能使用 rel 屬性。 為link增加size屬性。sizes 屬性規定被鏈接資源的尺寸。只有當被鏈接資源是圖標時 (rel="icon"),才能使用該屬性。該屬性可接受多個值。值由空格分隔。 為base元素增加target屬性,主要是保持與a元素的一致性。

3、其他屬性

為ol增加reversed屬性,它指定列表倒序顯示。 為meta增加charset屬性 為menu增加type和label屬性。label為菜單定義一個課件的標注,type屬性讓才當可以以上下文菜單、工具條與列表cande但三種形式出現。 為style增加scoped屬性。它允許我們為文檔的指定部分定義樣式,而不是整個文檔。如果使用 "scoped" 屬性,那么所規定的樣式只能應用到 style 元素的父元素及其子元素。 為script增減屬性,它定義腳本是否異步執行。async 屬性僅適用于外部腳本(只有在使用 src 屬性時)有多種執行外部腳本的方法: 如果 async="async":腳本相對于頁面的其余部分異步地執行(當頁面繼續進行解析時,腳本將被執行) 如果不使用 async 且 defer="defer":腳本將在頁面完成解析時執行 如果既不使用 async 也不使用 defer:在瀏覽器繼續解析頁面之前,立即讀取并執行腳本 為html元素增加manifest,開發離線web應用程序時他與API結合使用,定義一個URL,在這個URL上描述文檔的緩存信息。 為iframe增加撒個屬性,sandbox、seamless、srcdoc。用來提高頁面安全性,防止不信任的web頁面執行某些操作。

廢除的屬性

HTML4中一些屬性在HTML5中不再被使用,而是采用其他屬性或其他方式進行替代。

在HTML 4中使用的屬性 使用該屬性的元素 在HTML 5中的替代方案
rev link、a rel
charset link、a 在被鏈接的資源的中使用HTTP Content-type頭元素
shape、coords a 使用area元素代替a元素
longdesc img、iframe 使用a元素鏈接到校長描述
target link 多余屬性,被省略
nohref area 多余屬性,被省略
profile head 多余屬性,被省略
version html 多余屬性,被省略
name img id
scheme meta 只為某個表單域使用scheme
archive、chlassid、codebose、codetype、declare、standby object 使用data與typc屬性類調用插件。需要使用這些屬性來設置參數時,使用param屬性
valuetype、type param 使用name與value屬性,不聲明之的MIME類型
axis、abbr td、th 使用以明確簡潔的文字開頭、后跟詳述文字的形式。可以對更詳細內容使用title屬性,來使單元格的內容變得簡短
scope td 在被鏈接的資源的中使用HTTP Content-type頭元素
align caption、input、legend、div、h1、h2、h3、h4、h5、h6、p 使用CSS樣式表替代
alink、link、text、vlink、background、bgcolor body 使用CSS樣式表替代
align、bgcolor、border、cellpadding、cellspacing、frame、rules、width table 使用CSS樣式表替代
align、char、charoff、height、nowrap、valign tbody、thead、tfoot 使用CSS樣式表替代
align、bgcolor、char、charoff、height、nowrap、valign、width td、th 使用CSS樣式表替代
align、bgcolor、char、charoff、valign tr 使用CSS樣式表替代
align、char、charoff、valign、width col、colgroup 使用CSS樣式表替代
align、border、hspace、vspace object 使用CSS樣式表替代
clear br 使用CSS樣式表替代
compace、type ol、ul、li 使用CSS樣式表替代
compace dl 使用CSS樣式表替代
compace menu 使用CSS樣式表替代
width pre 使用CSS樣式表替代
align、hspace、vspace img 使用CSS樣式表替代
align、noshade、size、width hr 使用CSS樣式表替代
align、frameborder、scrolling、marginheight、marginwidth iframe 使用CSS樣式表替代
autosubmit menu  

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

主站蜘蛛池模板: 南京试剂|化学试剂|分析试剂|实验试剂|cas号查询-专业60年试剂销售企业 | 华溶溶出仪-Memmert稳定箱-上海协烁仪器科技有限公司 | 全温恒温摇床-水浴气浴恒温摇床-光照恒温培养摇床-常州金坛精达仪器制造有限公司 | 医院专用门厂家报价-医用病房门尺寸大全-抗菌木门品牌推荐 | 旗杆生产厂家_不锈钢锥形旗杆价格_铝合金电动旗杆-上海锥升金属科技有限公司 | 常州翔天实验仪器厂-恒温振荡器-台式恒温振荡器-微量血液离心机 恒温恒湿箱(药品/保健品/食品/半导体/细菌)-兰贝石(北京)科技有限公司 | 宁夏活性炭_防护活性炭_催化剂载体炭-宁夏恒辉活性炭有限公司 | 产业规划_产业园区规划-产业投资选址及规划招商托管一体化服务商-中机院产业园区规划网 | 贝壳粉涂料-内墙腻子-外墙腻子-山东巨野七彩贝壳漆业中心 | UV固化机_UVLED光固化机_UV干燥机生产厂家-上海冠顶公司专业生产UV固化机设备 | 光伏家 - 太阳能光伏发电_分布式光伏发电_太阳能光伏网 | 硬度计,金相磨抛机_厂家-莱州华煜众信试验仪器有限公司 | 低压载波电能表-单相导轨式电能表-华邦电力科技股份有限公司-智能物联网综合管理平台 | 智慧养老_居家养老_社区养老_杰佳通| 防锈油-助焊剂-光学玻璃清洗剂-贝塔防锈油生产厂家 | 上海噪音治理公司-专业隔音降噪公司-中广通环保 | 广东恩亿梯电源有限公司【官网】_UPS不间断电源|EPS应急电源|模块化机房|电动汽车充电桩_UPS电源厂家(恩亿梯UPS电源,UPS不间断电源,不间断电源UPS) | 杭州货架订做_组合货架公司_货位式货架_贯通式_重型仓储_工厂货架_货架销售厂家_杭州永诚货架有限公司 | 专业音响设备_舞台音响设备_会议音响工程-首选深圳一禾科技 | 必胜高考网_全国高考备考和志愿填报信息平台 | 运动木地板_体育木地板_篮球馆木地板_舞台木地板-实木运动地板厂家 | 同学聚会纪念册制作_毕业相册制作-成都顺时针宣传画册设计公司 | 石英砂矿石色选机_履带辣椒色选机_X光异物检测机-合肥幼狮光电科技 | 北京环球北美考试院【官方网站】|北京托福培训班|北京托福培训 | 杭州可当科技有限公司—流量卡_随身WiFi_AI摄像头一站式解决方案 | 步进_伺服_行星减速机,微型直流电机,大功率直流电机-淄博冠意传动机械 | 重庆监控_电子围栏设备安装公司_门禁停车场管理系统-劲浪科技公司 | 蚂蚁分类信息系统 - PHP同城分类信息系统 - MayiCMS | 杭州高温泵_热水泵_高温油泵|昆山奥兰克泵业制造有限公司 | 企业微信scrm管理系统_客户关系管理平台_私域流量运营工具_CRM、ERP、OA软件-腾辉网络 | 雷冲击高压发生器-水内冷直流高压发生器-串联谐振分压器-武汉特高压电力科技有限公司 | 联系我们-腾龙公司上分客服微信19116098882 | 珠海白蚁防治_珠海灭鼠_珠海杀虫灭鼠_珠海灭蟑螂_珠海酒店消杀_珠海工厂杀虫灭鼠_立净虫控防治服务有限公司 | 仿古瓦,仿古金属瓦,铝瓦,铜瓦,铝合金瓦-西安东申景观艺术工程有限公司 | 尊享蟹太太美味,大闸蟹礼卡|礼券|礼盒在线预订-蟹太太官网 | 科普仪器菏泽市教育教学仪器总厂 | 天津拓展_天津团建_天津趣味运动会_天津活动策划公司-天津华天拓展培训中心 | 热处理炉-退火炉-回火炉设备厂家-丹阳市电炉厂有限公司 | 青海电动密集架_智能密集架_密集架价格-盛隆柜业青海档案密集架厂家 | 艺术生文化课培训|艺术生文化课辅导冲刺-济南启迪学校 | 电池高低温试验箱-气态冲击箱-双层电池防爆箱|简户百科 |