HTML5替代div的元素

section页面中的一个内容区块和 h1,h2等元素结合起来使用

article页面中的一块与上下文不相关的独立内容，比如博客中的一篇文章

aside和article配合

header标签定义文档的页眉

hgroup标签用于对网页或区段（section）的标题进行组合

footer 页脚

nav导航链接

figure请使用元素为元素组添加标题

时间： 2024-07-29 19:37:24

HTML5替代div的元素的相关文章

HTML5之新增的元素和废除的元素（声明：内容节选自《HTML 5从入门到精通》）

新增结构元素: section元素 section元素定义文档或应用程序中的一个区段,比如章节.页眉.页脚或文档中的其他部分.它可以与h1,h2,h3,h4,h5,h6元素结合起来使用,标示文档结构. HTML5中代码示例:<section>-</section> HTML4中代码示例:<div>-</div> article元素 article元素表示文档中的一块独立的内容,譬如博客中的一篇文章或报纸中的一篇文章. HTML5中代码示例:<artic

HTML5之新增的元素

今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大赛的初赛>.我被我们老师拉去做了义工-----计时员.看了所有老师的比赛,虽然都特别好,但是让我印象深刻的还是一个HTMl5+CSS3的课程.看到那种炫酷的效果,我瞬间都被吸引住了.所以忙完了手头上的作业,就从别人那里要到了HTML5的教程,开始了我的学习HTML5之路.虽然看了6节课了,还是没有学到老

疯狂html5讲义（二）：HTML5简的常用元素与属性（一）:html5保留的常用元素

html5删除了少量的元素与属性:主要删除了文档样式相关的各种元素与属性,比如<font>.width等,html5规范推荐使用css样式单来控制html文档样式. 1.基本元素 <html>.<head>.<title>.<body>.<style>.<h1>到<h6>.<p>.<br>.<hr>(定义水平线).<div>.<span>~~~ <

疯狂html5讲义（二）：HTML5简的常用元素与属性（二）:html5新增的通用属性

1.contentEditable属性 true时可直接编辑html元素里面的内容,且具有"可继承"的特点. 编辑后不要刷新页面,否则编辑的内容会丢失,可以通过该元素的innerHtml属性来获取编辑后的内容. 2.designMode属性此属性相当于一个全局的contentEditable属性 3.hidden属性可以替代css中的display,hidden=true相当于display:none 4.spellcheck属性针对于input.textarea等元素,可以对用

HTML5 中 div 和section以及 article 的不同之处

HTML5 中 div section article 的区别刚刚开始接触 HTML5 时,对它的标签很不适应,甚至一度有点反感.尤其是对 div.section.article 这几个标签,实在弄不清楚应该使用在什么场合下.div标签这个标签是我们见得最多.用得最多的一个标签.本身没有任何语义,用作布局以及样式化. section标签与 div 的无语义相对,简单地说 section 就是带有语义的 div 了,但是千万不要觉得真得这么简单.section 表示一段专题性的内容,一般会带有标

Html5主要新增主体结构元素

article 代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件,或其他任何独立的内容. article元素是可以嵌套使用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>for article</title>

div标签-HTML5精讲课时ID:6.7 【表严肃】#HTML教程 #HTML5教程 #div标签#

6.7 <div>标签-HTML5精讲课时ID:6.7 [表严肃]#HTML教程 #HTML5教程 #div标签是什么 <div>是用于在网页中划分区域的(division的缩写),通常作为容器而存在,用于包含网页中的内容,是最常用的网页元素之一. 怎么用 <html> <body> <div>你好,我是序员.</div> <div> <div> <div> <div> <di

HTML5 增强的页面元素

一.HTML5 改良的 input 元素的种类 1.<input type="number" id="num1"> var n1 = document.getElementById("num1").valueAsNumber; 七.HTML5 增强的页面元素 1.figure.figcaption <figure> 标签规定独立的流内容(图像.图表.照片.代码等等).figure 元素的内容应该与主内容相关,但如果被删除,

详解html5增强页面的元素

HTML5 增强页面的元素,包含 figure.figcaption.details.summary.mark.progress.meter.ol.dl.cite 和 small 元素.这些元素都是起到一些辅助作用,比如:figure元素,它主要作用类似于展示一个作品集,图片(包含图片,图片说明,图片标题).具体我们以下来详细学习HTML5这些增强页面的元素. figure元素与figcaption元素 figure元素最常用的地方就是来展示图片,这里的图片包含图片说明,图片标题已经图片本身.一