文档章节

H5新特性

一个像夏天
 一个像夏天
发布于 2016/12/08 20:47
字数 659
阅读 125
收藏 1

由于之前是做web后台开发的,但是做了一段时间发现自己兴趣还是在前端。下面来做一个小小的笔记,前端开发初级,望大家理解,不喜勿喷。

1.H4和H5的区别

(1)web浏览器中间的兼容性很低,就IE而言,在IE9以后支持H5新特性。

(2)文档结构不明确,H5里面新增了一些,article,header,footer等元素,使得文档的结构更加明确。

(3)web应用程序的功能受到了限制。

2.语法的改变

(1)内容类型、DECTYPE、指定字符编码。这些区别都是在新建H5的时候会自动补全,这里就不再赘述。

(2)可以省略标记的元素:<input type="checkbox" checked="">女</input>    <input type="checkbox" checked>女</input>和<input type="checkbox" checked="true">女</input>的效果都是一样的。貌似在checked里面加入任何都是可以被选中的效果,不加checked属性则不会被选中。

3.新增的元素

section:页眉,不推荐没有标题的内容使用,他主要是用来分块的,不做样式选择。

article:文档主体,它偏向于一快独立的内容。

hgroup:分组元素,可以把h1到h6的元素做一个分类。

header:在文档的头部使用。

footer:文档的尾部使用,其实就是为了使网页的结构更加清晰。

nav:它主要是在列表ul,li时使用。

figure,video(视屏文件),audio(音平文件),aside,

cancas( 标签定义图形),它只是外面的标签,真正的图形要用js来实现。

address:地址元素,用来存联系方式,地址消息等。

4.新增的属性

contebtEditable (true,flase)标签属性,是否可以编辑。下面的例子就是可以编辑的。

<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

designMode(on  off),用来指定整个页面是否可编辑,它的值只能在javascript里面可以被修改,如果被修改成on的话,那么下面所有有contebtEditable的内容都可以被修改。

hidden(隐藏。true,flase)。

spellcheck,语法检查属性,是spellcheck=""就可以自动检查。比如apple,如果你打成aple,他会自己标记。

tabindex,访问顺序,1.2.3可以定义它的访问顺序,tabindex很重要,有时候必须要有,但是又不能写作正数,所以最好的处理法方法是设为负数(-1)。在用tab选择是会按序号跳转。

<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

© 著作权归作者所有

共有 人打赏支持
一个像夏天
粉丝 26
博文 12
码字总数 6375
作品 0
私信 提问

暂无文章

Shell脚本——cat/EOF输出多行

在某些场合,可能我们需要在脚本中生成一个临时文件,然后把该文件作为最终文件放入目录中。(可参考ntop.spec文件)这样有几个好处,其中之一就是临时文件不是唯一的,可以通过变量赋值,也...

吴伟祥
14分钟前
3
0
线程安全性的文档化(70)

当一个类的实例或者静态方法被并发使用的时候,这个类的行为如何, 是该类与客户端程序的行为约束 如果文档中没有相关描述,那么可能导致未同步或过度同步的情况 并不是说文档中出现Synchro...

Java搬砖工程师
15分钟前
1
0
ubuntu16.04下安装postgresql 10.3

在网上找了不少博客,结果还是一大坨的坑要我踩,踩完之后总结一下下吧!(适合初学者) 环境及资源 Linux版本:ubuntu16.04 PostgresSQL版本:postgresql-10.3 PostgreSQL官网下载地址:htt...

杨鹏飞乀
17分钟前
2
0
.NET Core 2.1 跨域问题的解决

https://blog.csdn.net/qq_42220663/article/details/82381386

lsy999
27分钟前
1
0
LinkedList基本用法

LinkedList类是双向列表,列表中的每个节点都包含了对前一个和后一个元素的引用. LinkedList的构造函数如下 1. public LinkedList(): ——生成空的链表 2. public LinkedList(Collection col)...

whoisliang
30分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部