html5新增的主题结构元素

article元素 article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容. 它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件. 或其他任何独立的内容. article元素使可以嵌套使用的. article元素可以用来表示插件. <article> <header> <h1>极客学院</h1> <p>hello,欢迎来到极客学院</p&g…

html5 新增的主体结构元素有:article,section,nav,aside,time,pubdate元素. 1. article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件,或其他任何独立的内容. 例子: <!DOCTYPE html> <html> <head> <title></title> </head> <bod…

HTML5新增的非主体结构元素

-------------------siwuxie095 HTML5 新增的非主体结构元素 1.header 元素 header 元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但是也可以包含其它内容,如:数据表格.搜索表单.或相关的 logo 图片 2.footer 元素 footer 元素可以作为其上层父级内容区块或是…

HTML5的新的结构元素介绍

HTML5的新的结构元素介绍一.HTML5与HTML4的区别 1. 取消了一些过时的HTML4的标签其中包括纯粹显示效果的标记,如<font>和<center>,它们已经被 CSS完全取代. 其他取消的属性:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike,tt 2. 添加了一些新的元素更加智能的表单元素:date, email, url等…

HTML5中新的结构元素

HTML5中新的结构元素 1. HTML5初始文件 1.1.doctype 在之前,doctype的声明是这样的: "http://www.w3. org/TR/html4/strict.dtd"> doctype称作文档类型声明(Document Type Definition),它总是作为HTML文件的第一行.doctype是WEB标准要求的一部分,用来告诉浏览器如何处理文档,这也是将其放在HTML文件第一行的原因所在. 如果不写doctype,浏览器就进入怪异模式(quir…

html5学习笔记(3)--主题结构元素-1

Article元素以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>极客学院</h1> </header> &…

HTML5新增的主体元素和新增的非主体结构元素

HTML5新增的主体元素 article元素 article元素表示文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件,或者其他任何独立的内容.(article元素是可以嵌套使用的.article元素可以用来表示插件) 示例 <article> <h1>这是一个内嵌页面</h1> <object> <embed src="" width="…

读书笔记：《HTML5开发手册》--HTML5新的结构元素

读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在图书馆看到HTML5这类书基本就是略过,想想无非就是介绍一些标签,给一些初学者看,但看了本书之后深受启发,拿来分享,也希望大家多提意见. 一.HTML5中新的结构元素 1. HTML5初始文件 1.1.doctype 在之前,doctype的声明是这样的: <!DOCTYPE HTML PUBLIC &…

【HTML5 3】《html5 开发精要与实例讲解》 step2 -- 结构元素 (待续)

主要内容:通过一个博客网站和一个企业网站的制作展示如何运用HTML5中的各种结构元素,构建出一个语义清晰,结构分明的Web3.0时代的网站. 案例1:用HTML5中的结构元素构建一个博客网站疑问:结构元素的作用?使用场合?使用方法? 主要内容:1.HTML5的网页结构与HTML4的网页结构的区别. 2.HTML5中添加了哪些结构元素,这些结构元素的作用和使用场合是什么. 3.HTML5的网页大纲是什么,这些结构元素会在网页大纲生成的过程中起到什么作用,一份网页大纲是根据什么原则生成的.…

HTML5学习笔记（三）：语义化和新增结构元素

在HTML5之前,使用机器来阅读一个网页是非常困难的,我们使用不同样式的div来标记不同的内容,所以实际上机器无法得知页面的哪个部分是正文,哪个部分是标题,那么在HTML5里,针对这个问题就引入了语义化的概念,同时提供了新的标签来指定对应的内容类型. 语义化的好处语义化的html只用来搭建网页的结构,去掉css后,网页结构不会变: 屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页: 搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重: 你的页面是否对爬虫容易理解非常重要,因…