声明：<!DOCTYPE html>


标签格式

一、不允许写结束标记的元素：

只能使用<....../>形式

<br/> <img/> <input/> <meta/> ......

二、可以省略结束标记的元素：

前后两端形式

<li>...</li> ......

三、可以省略全部标记的元素：

可以省略不写 会自动生成

<html> <head> <body> ......


省略引号：

无特殊符号时  “” = ‘’ = 不写引号


元素

1.语义化元素

header 标记头部区域 

    --header元素通常包含h1~h6元素，也可以包含hgroup、table、form、nav等元素

footer 标记脚部区域

section 一块区域：由内容及其标题组成：section需要包含一个hn标题元素，以及ariticle段落

    --不要讲section元素当做页面容器，应使用div

    --如果article、aside、nav更符合，不要使用section

    --不要为没有标题的内容区块使用section

article 独立的文章内容：包含一个header和一个footer 以及内容

aside 相关内容或者引文

    --作为附属信息，包含在article中

nav 导航类

2.功能元素

figure 多个元素进行组合并显示 类似于div？

code 一段代码块

dialog 人与人之间的对话

dt 表示说话者 dd表示说的内容


行内与异性元素

meter 特定范围内的数值

time 是时间

    --<time datetime="2018-01-01T20:00:00" T作为时期 时间的分隔

progress 进度天 通过max min strp进行控制

video 视频

audio 音频


交互性元素

details  表示一端具体的内容

datagrid 控制客户端数据与现实，可以有动态脚本及时更新

menu 交互菜单

command 处理命令按钮

hgroup 为标题或者子标题进行分组

    --通常他与h1~h6组合使用

    --一个内容快中的标题及其子标题可以通过hgroup元素组成一组

figure

video

audio

embed

mark

time

canvas

output

source

menu

ruby

rt

rp

wbr

command

details

datalist

datagrid

keygen

progress

email

url

number

range

DatePickers


3.表单元素

1、input、select、textarea、button等元素增加autofocus--》自动获得焦点

2、input、textarea增加placeholder--》输入提示

3、input、output、select、textarea、button、增加form--》声明所属表单，可以放在任意位置

4、input、textarea增加required--》提交时检查，必须有内容


4、链接属性

1、link元素增加sizes--》与icon结合使用，指定关联图标大小