HTML新标签属性

HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。

<header>

头部标签被设计作为关于一个章j节或者一整张网页介绍信息的容器。<header> 标签是一个固定的导航菜单。如果你还在你的页面里使用<div id=”header”>,那可以使用<header>替换。

<footer>

Footer的用处很明显的,通常 在大多数网页面底部看到的底部标签,段落也可以含有脚标。

<nav>

nav元素非常明显,这是个导航元素。所以一般用于网页导航布局。同时完全就像使用div标签、span标签一样来使用<nav>标签可以添加id或css,而与div标签又有不同之处是,此标签一般只用于导航相关地方使用在导航条处,或与导航条相关的地方布局使用。一般布局中<nav>标签与UI li标签配合使

<article>

标签规定独立的自包含内容

<article>元素潜在包含内容

论坛帖子

报纸文章

博客条目

用户评价

<section>

标签定义文档中的节 通常用在header标签后,在footer标签前。但是如果 需要,section也可以相互嵌套。section内,根据内容,我们可以增加section。

时间: 2024-11-08 19:14:32

HTML新标签属性的相关文章

HTML5新标签解释及其使用场景

我们来看一下HTML 5提供的一些新的标签用法和HTML 4的区别 <article> 标签定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本,亦或是来自其他外部源内容.HTML5:<article></article>HTML4:<div></div> <aside> 标签定义 article 以外的内容:aside 的内容应该与 article 的内容相关.HTML5:&l

Html5学习笔记1 元素 标签 属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<

HTML5新标签的兼容性处理

HTML5新的语义标签尽管有很多的好处,但是在低版本的老IE浏览器中还是存在兼容性问题的,常常让人感到头疼,到底是大胆的使用新标签还是使用传统的大量的DIV无义标签?今天就简单的看看H5新标签的兼容性处理方式. 首先来看一小段简单的代码: HTML代码: <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title>

HTML5的新标签之一的Canvas

一. <canvas>简介(了解) 1. 什么是canvas: 是HTML5提供的一种新标签 <canvas></canvas>  英 ['k?nv?s]  美 ['k?nv?s]   帆布 画布 Canvas是一个矩形区域的画布,可以用JavaScript在上面绘画.控制其每一个像素. canvas 标签使用 JavaScript 在网页上绘制图像,本身不具备绘图功能. canvas 拥有多种绘制路径.矩形.圆形.字符以及添加图像的方法. HTML5之前的web页面只

HTML语义化:HTML5的新标签及IE5.5~9的部分兼容方案

一.前言 本文将介绍HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理. 目录一坨: 二.语义化标签:article.aside.time.mark.section.header.footer.hgroup.progress.figure.figcaption.nav.meter.output.details.summary.ruby和main   三.让IE5.5~9支持HTML5新标签 1. IE5.5~8下对于不支持的标签

html5新标签及废弃元素

html5新标签 <canvas> 新元素 标签 描述 <canvas> 标签定义图形,比如图表和其他图像.该标签基于 JavaScript 的绘图 API 新多媒体元素 标签 描述 <audio> 定义音频内容 <video> 定义视频(video 或者 movie) <source> 定义多媒体资源 <video> 和 <audio> <embed> 定义嵌入的内容,比如插件. <track>

解决ie8以下不兼容h5的新标签

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内容: <aside>定义补充或相关内容: 使用他们能让代码

html5学习笔记(1)-新标签

最近在做的项目中用到了Html5的部分标签,经师父提醒感觉自己用section的次数多的有点过分,今天去找了一篇HTML5新标签的使用方法,特意贴了上来,感谢原作者的分享,方便以后自己使用~~~ HTML5时代的召唤 上一代的HTML的标准: HTML 4.01 和 XHTML 1.0 距离今天已经发布了10多年了,而Web端的应用也已经翻天覆地的变换.而且Web前端没有一个统一的通用的互联网标准,各个浏览器间拥有太多的不兼容,在维护这些浏览器兼容性浪费了太多的时间.再有就是之前的多媒体操作.动

HTML5新增标签属性

----- 新类型表单 - email 自动校验输入的是不否是email 邮箱:<input type="email" name="user_email" /> - url 自动将提交数据变为Url 我的主页:<input type="url" name="user_url" /> - number 输入数字 金额:<input type="number" name="