第85天：HTML5语义化标签

html5语义化标签使用规范

Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排一.使用案例 1. 头部——header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍性的信息如网站名称.logo或者导航栏nav. <header> <h1>html5语义化标签</h1> <nav> <h1>导航</h1> <ul> <li>章节标签</li> <li>标…

Html5语义化标签详解及其兼容性处理

<header></header> 页眉主要用于页面的头部的信息介绍,也可用于板块头部 <hgroup></hgroup> 页面上的一个标题组合一个标题和一个子标题,或者标语的组合 <hgroup> <h1>妙味课堂</h1> <h2>带您进入富有人情味的IT培训</h2> </hgroup> <nav></nav> 导航 (包含链接的的一个列表) <n…

html5语义化标签——回顾

html5 头部结构 <!doctype html> <meta charset=“utf-8”/> <header></header> 页眉主要用于页面的头部的信息介绍,也可用于板块头部 <hgroup></hgroup> 页面上的一个标题组合一个标题和一个子标题,或者标语的组合 <hgroup> <h1></h1> <h2></h2> </hgroup…

span不能设置宽高背景 HTML5语义化标签 <section>标签所包裹的是有一组相似的主题的内容,可以用这个标签来实现文章的章节.标签式对话框中的各种标签页等类似的功能. <section>通常包含一个头部<header>.可能还会包含一个尾部<footer>. <article> <h1>JavaScript框架</h1> <p>Javascript框架是指以Javascript语言为基础搭建的编程框架…

HTML5语义化标签

在HTML5中最基础也是比较好理解的也就是语义化标签了,,顾名思义语义化也就是可以直接读懂的标签~,这样我们在项目开发过程中不但自己不会因为5花8门的标签命名而伤脑筋,跟同事对接项目也会节约很多时间~~ 谁不想简单轻松一些呢... 语义化标签有2种,一种是单纯语义化的,无功能,二种是语义化,且有功能的. 一:无功能,语义化标签 1.1 - <header></header> SM:也就是我们的头部标签, 一般用于网站头部内容 1.2 <footer></foo…

让HTML5语义化标签兼容IE浏览器

解决方案:IE9以下旧版本浏览器不支持新的语义化标签.其中一种解决方案就是用js将HTML5增加的标签创建出来,就像下面这样.(放在header部位) <script> var html5Tags=['header' ,'footer','article','nav' ,'section','aside'] for(var i=0;i<html5Tags.length;i++){ document.createElement(html5Tags[i]); } </script>…

html5语义化标签总结二

HTML 5的革新之一:语义化标签二文本元素标签.分组元素标签. HTML 5的革新——语义化标签(一)中介绍了一些HTML5新加的一些节元素,一张页面中结构元素构成网页大体,但是也需要其他内容来填充,譬如图片.文本.代码.表单.交互等等.所以接下来我们就来详细了解HTML5的新增加的和重新定义的文本元素标签.分组元素标签等其他元素标签. 文本字体元素文字对SEO影响很大,而HTML5对一些文本字体元素的语义又重新定义了一遍,也增加了一些新的.那我们就来重新认识他们. a(anchor 的缩写…

转html5语义化标签总结一

HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式的id和class形容这块内容的意义).这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分.但现在,那些之前没“意义”的标签因为因为html5的出现消失了,这就是我们平时说的“语义”. 看下图没有用div标签来布局 html5的布局嗯,如上图那个页面结构没有一个div,都是采用html5语义标签(用哪些标签,关键取决于你的设计目标…

HTML5语义化标签重构页面

在HTML5未出现之前我们都用div+css来构建页面,比如<div id=”header”>,div的滥用,使得代码的可读性和可维护性很差,现在用本文来介绍一下用HTML5′干净的’语义化标签,更简单的语法来重构一下页面. 最基本的标签 Header:文档的头部,主要包含页面的标题或者导航部分. Section: 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分.用于定义页面中的主题栏目等,比如选项卡的各个部分 Nav:导航,可…

HTML5语义化标签总结

1.语义化标签总结基础布局标签 <header></header> <nav></nav> <main></main> <aside></aside> <article></article> <footer></footer> 注意:IE8以后不兼容H5标签,如果需要兼容IE8一下的浏览器,则需要如下操作: 如果在sublime,或者WebStrom使用可是使…