文档章节

H5新特性

一个像夏天
 一个像夏天
发布于 2016/12/08 20:47
字数 659
阅读 123
收藏 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

暂无文章

maven坐标和依赖

一、maven坐标详解 <groupId>com.fgt.club</groupId><artifactId>club-common-service-facade</artifactId><version>3.0.0</version><packaging>jar</packaging> maven的坐标元素说......

老韭菜
今天
1
0
springmvc-servlet.xml配置表功能解释

问:<?xml version="1.0" encoding="UTF-8" ?> 答: xml version="1.0"表示是此xml文件的版本是1.0 encoding="UTF-8"表示此文件的编码方式是UTF-8 问:<!DOCTYPE beans PUBLIC "-//SPRING//......

隐士族隐逸
今天
1
0
基于TP5的微信的公众号获取登录用户信息

之前讲过微信的公众号自动登录的菜单配置,这次记录一下在TP5项目中获取自动登录的用户信息并存到数据库的操作 基本的流程为:微信设置自动登录的菜单—>访问的URL指定的函数里获取用户信息—...

月夜中徘徊
今天
0
0
youTrack

package jetbrains.teamsys.license.runtime; 计算lis package jetbrains.ring.license.reader; 验证lis 安装后先不要生成lis,要把相关文件进行替换 ring-license-checker-1.0.41.jar char......

max佩恩
今天
1
0
12.17 Nginx负载均衡

Nginx负载均衡 下面的dig看到可以返回2个IP,就是解析出来的IP,这样我们可以做负载均衡。 dig www.qq.com 1.vim /usr/local/nginx/conf/vhost/fuzai.conf 2.添加如下配置 upstream qq //定义...

芬野de博客
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部