@优秀的判断力来自经验,但经验来自于错误的判断。

html5最基基础的认知

Posted on 2018-04-15 19:44  ZMQM  阅读(93)  评论(0)    收藏  举报

html5对  属性的大小写不是严格区分,   

    属性值 可以没有引号 (但是尽量是写上双引号) 

     p 、li、dl 等的一些标签可以省略不写,但是尽量写上 ,显得代码格式规范

html5新增的结构标签    

      section   独立的区块    像div   

      article    表示页面中一块与上下文的独立内容比如一篇文章

      aside     一般为侧边栏   (与article相关的内容)

      header  

                     footer

                     nav

                     hgroup     对标题的进行整合

       

      figure     与文章的主元素相关但是与主内容 又是一个相对独立的模块  代码  图片  文字  图表等等    删除这个元素不会影响  主内容

            用figcaption  作为独立内容的标题   

              

新增媒体标签

video   视频     支持MP4、WebM、Ogg这三种格式

三种格式的兼容性

video的属性值

audio   音频

audio  的格式兼容性

 

embed   用来嵌入内容  (包括各种媒体)

新增表单控件标签

color  类型   火狐 ie中概不支持   

获取你点击的颜色值

 

date   日期   类型    <input type="date"/>

time   时间  类型   <input type="time"/>

datetime-local  类型    <input type="datetime-local"/>

month  类型    <input type="month"/>

week  类型  <input type="week"/>

autocomplete=“on”   或者 off   自动完成属性  加在  form   和input 上都可以   

novalidate    加载form中表示不验证提交的表单的内容

input表单新增属性

autofocus   加载到页面之后自动获取焦点

form  属性    = 上一个form表单的id

 

formaction   会覆盖  form中的默认的action    表单提交的地址

两个提交地址

formenctype   属性  设置数据编码

 

formmethod    传递方式

formnovalidate 无需被验证  实例

formtarget    和a链接中的target差不多

width  height   只用于 image  类型    图片类型的提交按钮

list   属性    <input  list="id">

      <datalist>

        <option   value="ie"/>

        <option   value="谷歌"/>

        <option   value="火狐">

        <option   value="欧朋">

      </datalist>

min   max   

file类型中  multiple 属性    属性规定输入多个字段可选择多个值

pattern    正则表达式验证input元素的值

      适用于  text  、search、url、tel、email、password

required   提交之前必须填写输入域(不能为空)

required 属性适用于以下类型的<input> 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

step   步数

readonly   只读   不能修改编辑

mark    部分文本高亮    默认为黄色可以改变颜色各种样式等等

<p>Do not forget to buy <mark style="background:red;font-size:18px;padding:10px;color:#fff">milk</mark> today.</p>

progress   进度条    ie9以及更早的浏览器不支持

time    时间标注   用于发表时间  等   给搜索引擎用的   加上pubdate      告诉搜索引擎我的这一段是发表时间

ruby   注释

 

wbr  换行   如果碰壁了就换行  否则不换行

疯掉,出去一趟关电脑忘记存草稿  全部没有了。。。。

全局新增属性 参见 w3c手册

 

这段js可以对整个页面中的所有的文本进编辑修改

 

@用代码行数来测评软件开发进度,就相对于用重量来计算飞机建造进度。