HTML5什么结构元素属于导航类辅助内容

2024-08-30

HTML5之结构元素

1:文档结构元素 1.1 文章语义 -- article.header和footer元素 article元素在页面中用来表示结构完整且独立的内容部分,如论坛的一个帖子,杂志或者报纸的一篇文章. article元素是可以嵌套使用的,内层的内容在原则上需要与外层内容相关联.例如,一篇博客文章与针对该文章的评论一起可以使用嵌套article的方式,这时用来呈现评论的article元素被包含在文章内容的article里面. header元素是一种具有引导和导航作用的辅助元素,通常,header元素可

html5新增结构元素

1.article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.除了内容外,一个article元素还有它自己的标题(一般放在header里),有时还有自己的脚注. 2.section元素用于对网站或应用程序上的内容进行分块.一个section元素通常是由标题和内容组成的,但section元素并不是一个普通的容器元素,当一个容器需要被直接定义样式或通过脚本行为时,推荐使用div而不是section.因此我们可以这样理解,section元素中的内容可以直接存储到数据库中或输

【原】HTML5 新增的结构元素——能用并不代表对了

做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.html5 新增的结构元素,有的经常使用到,有的用不上,当页面禁用样式后,它们的展现跟 div 是没撒差别,有同学可能会说,既然一样,又不影响页面的最终展现,不管是 article 还是 section 能用就好了.如果考虑实际项目针对用户,我也是这么认为的,但作为一个重构仔,我们需要让标签语义化,清晰的结

HTML5 表单元素和属性

HTML5 表单元素和属性学习版权声明:未经博主授权,内容严禁转载 ! 表单元素简介无论实现提交功能还是展示页面功能,表单在HTML中的作用都十分重要. 在其他版本的HTML中,表单能够包含的元素很少,属性也不多. 再起表单验证需要写大量的 JavaScript 代码去实现. 在HTML5中,增加了许多标签和属性,为开发带来了极大的便利. 表单元素 - datalist <datalist> 元素规定输入与的选项列表. 此元素可以使用list属性穿件一组列表项,只作为输入框提示. list

HTML5 <template>标签元素简介

一.HTML5 template元素初面 <template>元素,基本上可以确定是2013年才出现的.干嘛用的呢,顾名思意,就是用来声明是“模板元素”. 目前,我们在HTML中嵌入模板HTML,往往是类似这样的写法: <script type="text/template"> // ... </script> 实际上,并不存在type="text/template"这样的标准写法,<template>元素的出现旨在让

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

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

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结构元素

前面的话几年前,用于网页布局的一般都用div元素,但语义化并不好.HTML5引入了大量新的块级元素来帮助提升网页的语义,使页面具有逻辑性的结构.容易维护,并且对数据挖掘服务更加友好.本文将详细介绍HTML5结构元素总括结构元素,又称为区块型元素,是用来定义区块内容范围的元素.之前,区块型元素只有<div>一个,HTML5新增了7个语义化结构元素,包括<article>.<aside>.<nav>.<section>.<header&g

HTML5新增的结构元素

HTML5的结构一:新增的主体结构元素在HTML5中,为了使文档的结构更加清晰明确,追加了几个与页眉,页脚内容区块等文档结构相关联的结构元素. 1.1article元素 article元素代表文档,页面或应用程序中独立的完整的,可以独自被外部引用的内容,<article> 标签定义外部的内容.article元素是可以嵌套使用的,内层的内容在原则上需要与外层的内容相关联, 另外article元素也可以用来表示一个插件. <time> 标签定义日期或时间,或者两者.pubdate

02.Web大前端时代之：HTML5+CSS3入门系列~H5结构元素

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素可以理解为语义话标记,比如:以前这么写<div id="nav"></div> 现在偷懒写:<nav></nav> 1.header头部区域,包含对主页的介绍 <header> 标签定义文档的页眉(介绍信息) 2.nav导航系列 <nav> 标签定义导航链接的

HTML5的结构学习(2) --- 新增的非主体结构元素

除了上一篇学习到的主体结构元素之外,html5还增加了一些表示逻辑结构和附加信息的非主体结构元素: 1.header 解释:一种具有引导和导航作用的结构元素. 用途:通常用来放置整个页面或者页面内某一内容区块的标题部分.如标题名称.logo图片等. <header><h1>大标题</h1></header> <article> <header><h1>文章内容标题</h1></header> <

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

HTML5中新增加的结构元素、网页元素和全局属性

HTML5新增的结构元素(新增的都是块元素,独占一行) 1) header 定义了文档的头部区域 <header> <h1>网站标题<h1> </header> 2) nav 定义导航链接的部分 <nav> <ul> <li>首页</li> <li>关于我们</li> <li>联系我们</li> </ul> </nav> 3) sectio

html5的结构标记与内联元素

<article>标签定义外部的内容(结构元素)<section>标签定义文档中的节(section,区段).比如章节,页眉,页脚或文档中的其他部分(结构元素)<nav>引导和导航内容链接<aside>定义页面内容之外的内容. aside的内容与article的内容相关.(结构元素)<meter>定义预定义范围内的度量.仅用于已知最大和最小值的度量(内联元素)<progress>定义任何类型的任务的进度.可以使用<progres

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

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

HTML5的结构学习(1) --- 新增的主体结构元素

1.article 元素解释:代表文档.页面和应用程序中独立的.完整的.可以被独自引用的内容. 主要用途:博客中的文章.评论,贴吧中的帖子,或者独立的插件等. article中可以包含多种元素例如: <article> <header>日记随笔</header> <p>发表日期: <time pubdate="pubdate">2014/09/18</time> </p> <p>今天早

第一章用HTML5中的结构元素构建网站

1.当一个容器需要直接定义样式或通过脚本定义行为时,推荐使用div元素而非section元素. 2.section是需要标题的,而nav或aside没有标题也是可以的. 3.html5轮廓工具 http://gsnedders.html5.org/outliner/ 4.HTML <header> 标签是html5中的新标签,表示页眉,如果要产生大纲要加<h1>,要和<head>区别开来. 5.在html5中body元素可以不写

HTML（二）HTML元素（整体结构，块级元素，内联元素，结构元素，交互元素，元素嵌套规则）

HTML整体结构解释 <!DOCTYPE html> // 文件应以"<!DOCTYPE ......>"首行顶格开始,推荐使用"<!DOCTYPE html>" <html> <head> <meta charset="utf-8"/> // 必须声明文档的编码charset,且与文件本身编码保持一致,指定字符编码的 meta 必须是 head 的第一个直接子元素.推荐使用

[HTML5]HTML结构性元素(Structure)

参考自:http://techbrood.com/h5b2a?p=html-structure 结构性元素用来组织文档的各个部分为了让文档层次分明,我们可以把文档中的元素按其内容的作用进行组合,这就需要使用到一些HTML结构性元素. 共有4种HTML结构性元素(structural HTML elements)可以使用. Header header 通常是HTML文档内容中的第一个元素,用来组织页面头部的内容,是对网站的介绍以及页面导航,一般性包括标识(Logo).标语(Slogan)和菜单(

HTML5什么结构元素属于导航类辅助内容

热门专题