html5常用标签整理

1、html5新增常用布局元素

Header、 aside、 nav、 section、article、footer、 time、 address

figure, figcaption, details 等

2、内容存放型最常用元素   

h1-h6、a、 img、span、 b、strong、em、i、code、pre

3、多媒体型标签

embed、 canvas、audio、video、source

4、H5表单元素及属性相关专题

表单涉及的单词最多，可以先背住以下单词

form：

action、 method、encode、name、autocomplete

input：

type、text、tel、checkbox、radio、outline、value

hidden、checked、placeholder、pattern。

 

file、accept、capture、camera、microphone、camcorder

button、reset、submit、image

select、option、selected, multiple

textarea、columns,rows
label、button、datalist

5、自定义标签并兼容所有新老浏览器方法

所有布局型标签都可以通过在CSS和JS上面加如下格式即可兼容老浏览器

 CSS:

nav{display:block;}  

JS:

document.createElement("nav");

6、HEAD中常用内容

                <metacharset="utf-8">

                <metaname="renderer" content="webkit" />

                <metahttp-equiv="X-UA-Compatible" content="IE=edge" />

                <metaname="viewport"content="width=device-width,initial-scale=1.0">

                <link rel="shortcuticon" href="/favicon.ico" type="image/x-icon" />

                <link href="css.css"rel="stylesheet" />

                <scriptsrc="js.js"></script>

                <title>HTML5常用结构及含义-大象老师</title>

                <metaname="keywords" content="html5,html" />

                <metaname="description" content="大象老师带你100小时玩转HTML5,只要敢想敢做一切都很简单" />