当前位置: 首页 > news >正文

HTML5入门篇

---- HTML5简介

HTML5 是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML5 有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。


---- 新的布局标记

- header,hgroup,article,section,aside,footer
- 专注于内容,不专注于形势

---- 头部标记

- Header
- hgroup

  <header>
     <img>
     <hgroup>
    <h1>
    <h2>
     <hgroup>
  </header>

---- 大块文章

<article>
    <img>
    <h2>
    <address>
    <time>
</article>

---- 日期和时间

<address>
   作者:xgao<br/>
   <a href="">Email他</a><br/>
   地址:广州<br/>
   电话:+12345678
</address>

<p>这是在<time datetime="2012-05-16">这一天</time></p>
<p>我打开在<time>10:00</time>的晚上</p>

---- Footer 尾部定义

<footer>
    <p>
    <nav>
        <h3>
        <div>
      <a>
    </div>
    </nav>
</footer>

---- 区域与块

- Aside // 在…旁边
- section // 某一块内容

---- 与布局无关的

- Figure
- figcaption

<figure>
<p>这是一些内容</p>
<img src="a.jpg" width="200" height="100"/>
</figure>

---- 汉字元素

- Ruby

<ruby><rt> ㄏㄢˋ </rt>
</ruby>

---- Time

- 日期

Component Syntax Example
--------------------------------------------------------------
Date YYYY-MM-DD 2011-07-13
Time with hours hh:mm 18:28
Time with seconds hh:mm:ss 18:28:05
Time with milliseconds hh:mm:ss.f 18:28:05.2318
Date and time T to join date and time 2011-07-13T18:28
With time zone GMT Z at the end 2011-07-13T18:28:05Z
With time zone as offset +mm:hh / -mm:hh 2011-07-13T18:28:05+02:00

转载于:https://www.cnblogs.com/xgao/p/4200645.html

相关文章:

  • R-rep()
  • HTML5之 WebWorkers
  • 中国科学院大学2011年数学分析高等代数考研试题
  • SOHO和BYOD网络实践记录
  • 计算机视觉数据集(不完全)
  • RDIFramework.NET ━ .NET快速信息化系统开发框架 V2.8 版本━新增岗位管理-WinForm部分...
  • eclipse编码格式设置教程、如何为eclipse设置编码格式?
  • 【转】NGUI研究院之自适应屏幕(十)
  • 团队代码中Bug太多怎么办?怎样稳步提高团队的代码质量
  • jquery控制按钮的禁用与启用
  • 输出100000以内的质数 (优化2)
  • 莫名其妙ng-change被触发两次
  • javascript2
  • jhipster 安装
  • 2015真正运维自动化技术沙龙活动
  • 【跃迁之路】【444天】程序员高效学习方法论探索系列(实验阶段201-2018.04.25)...
  • android高仿小视频、应用锁、3种存储库、QQ小红点动画、仿支付宝图表等源码...
  • Angular Elements 及其运作原理
  • CentOS从零开始部署Nodejs项目
  • ES6, React, Redux, Webpack写的一个爬 GitHub 的网页
  • MD5加密原理解析及OC版原理实现
  • nodejs实现webservice问题总结
  • node和express搭建代理服务器(源码)
  • vue:响应原理
  • 从@property说起(二)当我们写下@property (nonatomic, weak) id obj时,我们究竟写了什么...
  • 技术:超级实用的电脑小技巧
  • 深入浅出webpack学习(1)--核心概念
  • 新手搭建网站的主要流程
  • 终端用户监控:真实用户监控还是模拟监控?
  • 看到一个关于网页设计的文章分享过来!大家看看!
  • ​LeetCode解法汇总2670. 找出不同元素数目差数组
  • ​一文看懂数据清洗:缺失值、异常值和重复值的处理
  • #NOIP 2014#Day.2 T3 解方程
  • #数学建模# 线性规划问题的Matlab求解
  • (1综述)从零开始的嵌入式图像图像处理(PI+QT+OpenCV)实战演练
  • (6)STL算法之转换
  • (C语言)深入理解指针2之野指针与传值与传址与assert断言
  • (HAL)STM32F103C6T8——软件模拟I2C驱动0.96寸OLED屏幕
  • (java)关于Thread的挂起和恢复
  • (附源码)springboot码头作业管理系统 毕业设计 341654
  • (附源码)ssm旅游企业财务管理系统 毕业设计 102100
  • (深入.Net平台的软件系统分层开发).第一章.上机练习.20170424
  • .NET 使用配置文件
  • .Net接口调试与案例
  • .net连接MySQL的方法
  • .NET委托:一个关于C#的睡前故事
  • .net下简单快捷的数值高低位切换
  • /使用匿名内部类来复写Handler当中的handlerMessage()方法
  • [ai笔记9] openAI Sora技术文档引用文献汇总
  • [Android 13]Input系列--获取触摸窗口
  • [Apio2012]dispatching 左偏树
  • [BUUCTF]-PWN:[极客大挑战 2019]Not Bad解析
  • [c]扫雷
  • [Flutter] extends、implements、mixin和 abstract、extension的使用介绍说明
  • [hdu 3652] B-number