前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
AI 面试
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
AI 面试
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航

HTML5+CSS3整体回顾

首页
2016-10-19 09:35:08
Front-End
HTML5CSS3

转载请声明 原文链接

这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提纲,并不是很详细,后面会一直完善补充新的内容,本文是一些笔记记录,放在这里供自己参考也供他人学习!

HTML5概览

# 第一课 HTML5结构


  • HTML5 是新一代的 HTML
  • DTD声明改变 <!DOCTYPE html>
    • 新的结构标签

一些总结--from-dunitian

# 常用的一些新的结构标签

结构标签

多媒体交互标签

特殊样式标签

兼容性不是很好的标签

  • 补充说明
    • small 这个元素表示边栏评论,如附属细则
    • cite这个元素可用于显示作品标题(图书、电影、诗歌等)
    • adress这个元素显示article或整个文档的合同信息,且位于footer这个元素之中
    • time显示人和机器可读的日期和时间,而且机器可读的时间戳是属性datetime的值第二个可选的是pubtime用于表示出版日期值
# 删除的HTML标签

  • 纯表现的元素:

    • basefont
    • big
    • center
    • font
    • s
    • strike
    • tt
    • u
  • 对可用性产生负面影响的元素:

    • frame
    • frameset
    • noframes
    • 产生混淆的元素:
      • acronym
      • applet
      • isindex
      • dir
  • 重新定义的HTML标签

    • <b> 代表内联文本,通常是粗体,没有传递表示重要的意思
    • <i> 代表内联文本,通常是斜体,没有传递表示重要的意思
    • <dd> 可以同details与figure一同使用,定义包含文本,ialog也可用
    • <dt> 可以同details与figure一同使用,汇总细节,dialog也可用
    • <hr> 表示主题结束,而不是水平线,虽然显示相同
    • <menu> 重新定义用户界面的菜单,配合commond或者menuitem使用
    • <small> 表示小字体,例如打印注释或者法律条款
    • <strong> 表示重要性而不是强调符号
  • 崭新新的页面布局

传统的布局

HTML5标签布局

实例-from-dunitian

草图--from-dunitian

# 第二课 HTML5智能表单


# HTML4.01 form表单复习

  • input表单type属性值
    • type="text" 单行文本输入框
    • type="password" 密码(maxlength="")
fe
  • 第一课 HTML5结构
    • 常用的一些新的结构标签
    • 删除的HTML标签
  • 第二课 HTML5智能表单
    • HTML4.01 form表单复习
    • HTML5智能表单
    • Input 类型 - Date Pickers(日期选择器)
    • HTML5新增表单属性
    • 表单验证
  • 第三课 css3选择器
  • 第四课 CSS3新增文本属性
  • 第五课 CSS3盒模型
  • 第六课 css3新增背景属性
  • 第七课 css3新增颜色属性
  • 第八课 CSS3边框系列
    • 圆角-阴影
    • 边框系列-图片
  • 第九课 CSS3运动体系
    • 过渡
    • 动画
  • 第十课 transform 2D转换
  • 第十一课 transform 3D转换
  • 第十二课 视频音频
    • Video的使用
  • 第十三课 canvas
  • 第十四课 SVG绘图
  • 第十五课 地理信息与本地存储
    • 地理位置
    • 本地存储
  • 第十六课 HTML5新增JS方法
  • 第十七课 HTML5拖拽事件
  • 第十八课 跨文档操作
    • 附录一 css3响应式布局
    • 附录二 HTML5速查表

← jQuery笔记总结篇javascript笔记总结篇 →