你该知道的 HTML5

2020-12-13 03:55

阅读:285

标签:style   class   code   c   ext   int   

一、图片和标题语义化

About image

This is an image of something interesting.

二、本地存储 localStorage

HTML代码:

ul id="edit" contenteditable="true">
    li>修改我吧,然后刷新页面看看,^_^li>
ul>

JS代码:

var edit = document.getElementById("edit");
edit.onblur = function(){
    localStorage.setItem("tododata", this.innerHTML);
};
if(localStorage.getItem("tododata")){
    edit.innerHTML = localStorage.getItem("tododata");	
}

三、本表单元素的跨越性进步

新增元素和属性

required, from, pattern, placeholder, email, range[min, max, step], url, date, time, datetime, datetime-local, month, week, tel, number, search, --, contentcontenteditableable, contextmenu, data-yourvalue, draggable, item, itemprop, spellcheck, subject

四、正则表达式

重要的pattern属性


五、最后常用的新增语义化标签

新增标签

header, hgroup, nav, section, article, details, figure, figcaption, aside, time, mark, audio, video, source, track, bdi, canvas, command, datalist, summary, embed, keygen, meter, output, progress, rp, rt, ruby,

废弃标签

 、、

、、、、<s>[删除线]、<strike>[删除线]、<tt>[定义打字机文本]、<u>[下划线文本]; 和 <xmp>[和pre类似];</xmp></u></tt></strike></s>

 

 


 

你该知道的 HTML5,搜素材,soscw.com

你该知道的 HTML5

标签:style   class   code   c   ext   int   

原文地址:http://www.cnblogs.com/zhangjingjing/p/3729747.html


评论


亲,登录后才可以留言!