标签入门

1、HTML4常用标签

div :

单词division 分隔符的意思

ul与li

ul是单词unordered   list无序列表意思； li  是单词list  item的简写
ol与li

单词 ordered list  有序列表
menu与li

菜单列表
p

单词：paragraph 段落
dl dt dd

单词：dl (define list   定义列表)。  dt（define term 定义标题） dd (define data定义数据)。
 table tr td caption th thead  tbody tfoot 等

单词含义：tr(table row 表格的行)。    td(table data表格数据，也称单元格或叫表格的列)。th(table head 表头)   
iframe 

浮动框架

 

2、html5新增常用布局元素

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

figure, figcaption, details 等。

 

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

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

 

4、多媒体型标签 

embed、 canvas、audio、video、source

 

6、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

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

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

 CSS:

nav{display:block;}   

JS:

document.createElement("nav");

 

 7、HEAD中常用内容

                <meta charset="utf-8">

                <meta name="renderer" content="webkit" />

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

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

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

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

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

                <title></title>

                <meta name="keywords" content="html5,html" />

                <meta name="description" content="猴子求您关注！！！哈哈哈" />