HTML5部分元素

Document

HTML4文档声明 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML5文档声明 :

<!DOCTYPE html>

HTML4 meta :

<meta http-equiv="Content-type" content: text/html" charset="UTF-8">

HTML5 meta :

<meta charset="UTF-8">

HTML5 新增元素

<header> 元素:

header元素表示页面中的一个内容区块或者整个页面的标题。

<nav> 元素:

nav元素表示页面中的导航链接部分。

<article> 元素:

article元素表示页面中的一块上下文不相关的独立内容,比如一篇文章中的文章。

<section> 元素:

section元素表示页面中的一块内容区域,比如章节的页眉、页脚等等。也可以和hn(h1、h2、、)等一起使用,标示出文档的结构!

<aside> 元素:

aside元素表示aside元素的内容之外的,和内容相关的辅助信息!

<footer> 元素:

footer元素表示页面或者是页面中的一块区域的页脚,比如存放文件的创建时间、作者、联系方式等等。

<time> 元素:

time元素代表24小时中的某个时间或者是日期,标示时间时允许带时差。

<pubdate> 属性:

pubdate可以用在article元素里面的time上面表示,当前文章的发布时间。

时间: 2024-10-19 05:27:01

HTML5部分元素的相关文章

HTML5 audio元素如何使用js与jquery控制其事件

前言: 每一次遇见问题想到的就是怎么解决?最好的方法还是查询网络媒体,更好的办法是让自己记忆,只有自己理解到了才真正是属于自己.要做一个订单提醒功能,没有使用audio相关的插件,虽然插件无数,还是喜欢自己瞎折腾.(来一些隐形的链接,据说有推广效果,本文原创官网地址:www.pushself.com) 听一个写博客的朋友说周末的博客阅读量明显下降,周末大好时光不出去泡妹子的肯定是有难言之隐的.先来重温一下audio标签的基本属性 定义和用法 <audio> 标签定义声音,比如音乐或其他音频流.

HTML5文本元素解析

1.<b>表示关键字和产品名称 <b>HTML5</b> 解释:<b>元素实际作用就是加粗.从语义上来看,就是标记一段文字,但并不是特别强调重要性. 2.<strong>表示重要的文字 <strong>HTML5</strong> 解释:<strong>元素实际作用和<b>一样,就是加粗.从语义上来看,就是强调一段重要的文本. 3.<br>强制换行 <wbr>安全换行 <

三天学会HTML5 ——多媒体元素的使用

目录 1. HTML5 Media-Video 2. HTML5 Media-Audio 3. 拖拽操作 4. 获取位置信息 5. 使用Google 地图获取位置信息 多媒体是互联网中的最重要的一部分,无论访问的是哪种类型的网页,视频或音频***,在之前实现这些功能对开发人员来说可能非常痛苦,必须依赖Object 标签,调用第三方软件来加载,如Flash等,如果有些设备不支持Flash,我们对此就束手无策了.但是HTML5的出现让多媒体网页开发变得异常简单,也形成了新的标准. 1. 使用Vide

HTML5 界面元素 Canvas 參考手冊

太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的漂亮人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. HTML5 界面元素 Canvas 參考手冊HTML Canvas Reference 描写叙述Description The HTML5 <

HTML5 语义元素(一)页面结构

本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: <article>.<aside>.<figure>.<figcaption>.<footer>.<header>.<main>.<nav>.<section>等元素. 目录 1. 语义元素介绍 1.1 何为语义元素 1.2 特点 2. 原先界面布局 3. 页面结构语意元素 3.1 说明 3.2 详细介绍 3.3 示例图 1. 语义元

HTML5&lt;picture&gt;元素

HTML5<picture>元素可以设置多张图片 <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <script src=

HTML5语义元素总结

HTML5语义元素 语义=意义 语义元素=元素的意义 什么事语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者. 无语义 元素实例:div.span.无需考虑内容. 语义 元素实例:form .table.img清楚地定义了它的内容. 浏览器支持 IE9+.火狐.谷歌,Safari.opera支持语义元素. HTML5新的语义元素 header.nav.section.article.aside.figcaption.figure.footer. section标签定义文档中的节或者区

HTML5 界面元素 Canvas 参考手册

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. HTML5 界面元素 Canvas 参考手册HTML Canvas Reference 描述Description The HTML5 <c

HTML5 template元素

前言 转自http://www.zhangxinxu.com/wordpress/2014/07/hello-html5-template-tag/ 在单页面应用,我们对页面的无刷新有了更高的要求,HTML不再由后端生成,后端只提供一个REST API,返回JSON数据,模版引擎可以大大方便我们渲染一个视图.而不是吃力的使用 jQeury 去拼接一个DOM. 在现在比较常见的 JS MVC Framework : backbone, emberjs, angularjs 中,模板是非常重要的一个

HTML5&lt;header&gt;元素

HTML5<header>元素 1.header元素描述了文档的头部区域,主要用于定义内容的介绍展示区域. 2.实例: <header> <h2>heder元素描述了文档的头部区域</h2> <p><time>2015-11-19</time></p> </header> <p>这里是一个段落,可以在这个里面写入一些文章信息</p>