文档章节

H5新特性

一个像夏天
 一个像夏天
发布于 2016/12/08 20:47
字数 659
阅读 121
收藏 1
点赞 0
评论 0

由于之前是做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
博文 9
码字总数 6375
作品 0

暂无相关文章

JavaScript零基础入门——(十一)JavaScript的DOM操作

JavaScript零基础入门——(十一)JavaScript的DOM操作 大家好,欢迎回到我们的JavaScript零基础入门。最近有些同学问我说,我讲的的比书上的精简不少。其实呢,我主要讲的是我在开发中经常会...

JandenMa ⋅ 22分钟前 ⋅ 0

volatile和synchronized的区别

volatile和synchronized的区别 在讲这个之前需要先了解下JMM(Java memory Model :java内存模型):并发过程中如何处理可见性、原子性、有序性的问题--建立JMM模型 详情请看:https://baike.b...

MarinJ_Shao ⋅ 49分钟前 ⋅ 0

深入分析Kubernetes Critical Pod(一)

Author: xidianwangtao@gmail.com 摘要:大家在部署Kubernetes集群AddOn组件的时候,经常会看到Annotation scheduler.alpha.kubernetes.io/critical-pod"="",以表示这是一个关键服务,那你知...

WaltonWang ⋅ 56分钟前 ⋅ 0

原子性 - synchronized关键词

原子性概念 原子性提供了程序的互斥操作,同一时刻只能有一个线程能对某块代码进行操作。 原子性的实现方式 在jdk中,原子性的实现方式主要分为: synchronized:关键词,它依赖于JVM,保证了同...

dotleo ⋅ 今天 ⋅ 0

【2018.06.22学习笔记】【linux高级知识 14.4-15.3】

14.4 exportfs命令 14.5 NFS客户端问题 15.1 FTP介绍 15.2/15.3 使用vsftpd搭建ftp

lgsxp ⋅ 今天 ⋅ 0

JeeSite 4.0 功能权限管理基础(Shiro)

Shiro是Apache的一个开源框架,是一个权限管理的框架,实现用户认证、用户授权等。 只要有用户参与一般都要有权限管理,权限管理实现对用户访问系统的控制,按照安全规则或者安全策略控制用户...

ThinkGem ⋅ 昨天 ⋅ 0

python f-string 字符串格式化

主要内容 从Python 3.6开始,f-string是格式化字符串的一种很好的新方法。与其他格式化方式相比,它们不仅更易读,更简洁,不易出错,而且速度更快! 在本文的最后,您将了解如何以及为什么今...

阿豪boy ⋅ 昨天 ⋅ 0

Python实现自动登录站点

如果我们想要实现自动登录,那么我们就需要能够驱动浏览器(比如谷歌浏览器)来实现操作,ChromeDriver 刚好能够帮助我们这一点(非谷歌浏览器的驱动有所不同)。 一、确认软件版本 首先我们...

blackfoxya ⋅ 昨天 ⋅ 0

线性回归原理和实现基本认识

一:介绍 定义:线性回归在假设特证满足线性关系,根据给定的训练数据训练一个模型,并用此模型进行预测。为了了解这个定义,我们先举个简单的例子;我们假设一个线性方程 Y=2x+1, x变量为商...

wangxuwei ⋅ 昨天 ⋅ 0

容器之查看minikue的environment——minikube的环境信息

执行如下命令 mjduan@mjduandeMacBook-Pro:~/Docker % minikube docker-envexport DOCKER_TLS_VERIFY="1"export DOCKER_HOST="tcp://192.168.99.100:2376"export DOCKER_CERT_PATH="/U......

汉斯-冯-拉特 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部