H5新增语义化标签

【H5新增语义化标签】的更多相关文章

H5新增语义化标签

一.根据页面的结构,由div派生的标签. <header> <footer> <nav> 导航在H4中导航栏一般用ul-li标签,H5中可以直接用<nav>标签 eg. <nav> <a href="#">导航标题1 </a> <a href="#">导航标题2 </a> </div> <hgroup> 页面上得一个标题组合(一个标题…

Html语义化标签,Html5新增语义化标签自己在学习的期间,整理了下html关于语义化标签的一些知识,列的不是很全. 希望大家有新的见解可以给我留言,我会补充上去,谢谢大家 1.什么是语义化标签? 那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如, 网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签. 文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等. 2.为啥使用语义…

H5的语义化标签(PS: 后续继续补充)

头部信息 <header></header> 区块标签 <figure> <figcaption>123</figcaption> </figure> 主内容区域有且只有一个 <main></main> 表示包含一个文档里面独立的部分 <artical></artical> 尾部信息 <footer></footer> H5的语义化标签的使用 section分章…

html5新增语义化标签

注意:body.section.nav 需要h1-h6. div.header则不需要. 1):<article> 显示一个独立的文章内容. 例如一篇完整的论坛帖子,一则网站新闻,一篇博客文章等等,一个用户评论等等.artilce可以嵌套,则内层的artilce对外层的article标签有隶属的关系. 例如,一个博客文章,可以用article显示,然后一些评论可以以article的形式嵌入其中. <article> <h1>文章标题</h1> 这是一篇文章…

HTML5 部分新增语义化标签元素

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <header> <hgroup> <h1></h1> <h2></h2> </hgroup…

H5新增特性之语义化标签

H5新增特性之语义化标签语义化标签顾名思义标签有自己的含义,浏览器或者程序员一看就知道是什么.在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式的id和class形容这块内容的意义).这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分.但现在,那些之前没“意义”的标签因为因为html5的出现消失了,这就是我们平时说的“语义”. 一.根据页面的结构. section元素表示页面中的一个区块 article元素表示一块与上下文无…

Html5新增的语义化标签（部分）

2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,html5的标准规范终于制定完成.这是互联网的一次重大变革,这也许是一个时代的来临! 总结一些h5新增的语义化标签,记录下来方便自己学习及使用: 1.<header></header> 页眉:主要用于页面的头部的信息介绍,也可用于板块头部: 2.<hgroup></hgroup> 页面上的一个标题组合:一个标题和一个子标题,或者标语的组合: 3.<nav></nav> 导…

笔记二:常用的h5语义化标签

0.前言: 所谓语义化标签就是一种我们仅通过标签名就能判断出该标签内容的语义的标签,见名知意. 总结这部分内容,主要是为了能从繁琐的div嵌套div中,改成带有h5标签码.这样更有利于读写代码. 人很容易直接或间接的呆在舒适区,当我写惯了h4的代码之后,不愿意用h5标签,为了杜绝后患,遂决定总结以下内容. 1.header: 被放置在页面或者页面中某个区块元素的顶部,包含整个页面或者区块的标题.简介等信息,起到引导与导航的作用. 如:小米商城的导航栏整体,width:100% header…

HTML 语义化标签-新增标签介绍

HTML 基础知识版权声明:未经博主授权,内容严禁转载 ! HTML语义化标签概念如果没有语义化标签,上面这些 div 都是没有实际意义的,只是我们提供给浏览器的指令. 和语义化代码对比: 什么是语义化 1. 根据内容结构化(内容语义化). 2. 选择合适的标签(代码语义化). 3. 便于开发者阅读和写出更好的代码,或者让浏览器的爬虫和机器很好的解析. 语义化的意义: 1.遵循统一的标准(便于团队的开发和维护,具有可读性,遵循W3C标准的团队都应该遵循该标准). 2.内容结构分离(没有c…

H5中的语义化标签

H5中的语义化标签也就是之前的id = “header”演变而来的只不过之前是id 现在变成了标签而已什么是语义化: 根据内容结构化(内容语义化) 选择合适的标签(代码语义化) 便于开发者阅读和写出更好的代码,或者让浏览器的爬虫和机器很好的解析语义化的意义:…