H5学习知识梳理(1)

前言

         我们测试web系统经常遇到浏览器渲染的问题以及前后端bug定位,经常因为我们对前端的专业知识掌握的不深遭到前端开发者的嫌弃,甚至打压驳回。因此为了更好有深度的测试,我开始对前端的知识进行学习。

H5学习知识梳理-day01

1、自定义属性

①data开头

②data后面必须至少有一个字符,多个单词使用-连接

建议:

①名称应该都要使用小写--不包含任何的大写字符

②名称中不要有任何的特殊字符

③名称中不要纯数字

2、获取自定义属性

例子:<p data-shcool-name="itcast">传智播客</p>

3、html5简介

(1)H5并不是新的语言,而是html语言第五次重大修改版本

(2)所有主流浏览器都支持H5(Chrome、Firefox、safari...)IE9及以上支持(有选择支持,并不是全部支持),IE8及以下浏览器不支持

(3)改变了用户与文档的交互方式:多媒体(video、audio canvas)

(4)增加了其他的新特性:语义特性,本地存储特性、网页多媒体,二维三维,特效(过渡、动画)

(5)相对于H4:

①进步:抛弃了一些不合理不常用的标记和属性

②新增了一些标记和属性--表单

③从代码角度而言,h5代码结构更加简洁

4、语义化特性

header表示页眉

nav表示导航

footer表示页脚

main表示文档主要内容

article表示文章

aside表示主题内容之外

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,958评论 1 45
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,829评论 0 0
  • 第一章 HTML5 (2014年10月29日发布)新特性: 10个 (1)新的语义标签 (2)增强型表单 (3)视...
    fastwe阅读 4,500评论 0 1
  • 作者:clearbug原文地址:http://www.cnblogs.com/craftsman-gao/p/48...
    IT程序狮阅读 4,166评论 1 8
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,793评论 1 32