【html5新增标签做基本布局】的更多相关文章

html5新增标签做基本布局

结构标记 ***** 做布局 1.<header>元素 <header></header> ==> <div id="header"></div> 定义网页头部,网站标题.LOGO header可以在网页上出现多次.可以表示任何一部分内容的头部信息 2.<nav>元素 <nav></nav> ==> <div id="navigation"><…

解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题

https://www.cnblogs.com/yangjie-space/p/4816279.html html5shiv.js和respond.min.js 做页面常用的东西,写这里用的时候省点去找了... html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询. 由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访…

盒子模型，定位技术，负边距，html5 新增标签

盒子模型 /*[margin 外边距] margin属性最多四个 1.只写一个值,四个方向的margin均为这个值 2.写两个值:上,右两个方向,下默认=上,右 默认=左 3.写三个值:上.右.下三个方向,左默认=右 4.写四个值:上.右.下.左 5.写三个值+auto :控件居右显示 margin: 50px 30px 20px auto;距离浏览器:30px; 6.margin:0 auto;设置控件在父容器中水平居中 */ /*[border 边框] * border 有三个属性值:宽度w…

html5新增标签/删除标签

闲聊: 最近小颖工作稍微比较轻松,没事就看看慕课,看了看:HTML5之元素与标签结构,里面简单讲解了下HTML5的一些新特性,小颖之前没写过HTML5的页面,所以就当写笔记将那些新的特性整理出来,也方便以后查看,嘻嘻,懒人自有懒方法哈哈哈哈,脑子记不住,用别的方式来帮助自己嘻嘻 .下面和小颖一起来学习下html5新增标签/删除标签吧. 主要内容: 新增标签:结构标签.表单标签.媒体标签.其他功能标签. 删除标签:可以使用css代替的标签.html5不再使用frame.只有个别浏览器支持的标签.其…

让旧浏览器支持HTML5新增标签

首先我们使用JS进行标签创建,为HTML文件创建我们需要的这几个HTML5标签. 接下来,我们需要使用CSS进行这几个HTML5标签的样式控制,这是因为,通过这种方法创建的新标签,默认是行内元素.   对于代码位置,我们需要注意,要将script标签放到head中,而不是body后面,这是因为,浏览器从上到下进行代码的执行和解析,在已经渲染之后在执行JS就没有任何价值和意义. 代码如下: <!DOCTYPE html> <html lang="en"> <…

html5常用标签table表格布局

html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织到表格的不同行列.那么,接下来我将讲解一下表格的常用属性. 1.首先,表格命令 表格的行:tr  每行中的列:td 表格的表头:<th></th>  默认加粗,单元格居中(居中.加粗) 表格标题:caption 跨列:colspan,当某个格跨n列时,其右边n-1个单元格需删除 跨行:…

HTML5新增标签与属性

目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeholder占位属性 1.7.required必填属性 1.8.pattern正则属性 1.9.autofocus自动聚焦属性 1.10.autocomplete自动完成属性 1.11.novalidate不验证属性 1.12.multiple多选属性 二.HTML5表单新功能解析 2.1.表单结构更自由…

HTML5新增标签及具体用法

html5自从推广普及以来,迅速被各大浏览器支持.采用html5设计的网页逐渐成为网页设计的时尚.下面就温习下html5的新增标签. HTML 5 中的新特性包括了嵌入音频.视频和图形的功能,客户端数据存储,以及交互式文档. HTML 5 还包含了新的元素,比如:<nav>, <header>, <footer> 以及 <figure> 等等. HTML 5 工作组包括:AOL, Apple, Google, IBM, Microsoft, Mozilla,…

HTML5新增标签的汇总与详解

趁着一点闲暇时间,把HTML5的新增标签整理了一下,用了表格的形式展现,分别归纳了各标签的用法及属性分析.这样方便各位以后在运用HTML5标记遇到疑惑时,直接上来对照看下就明了了,希望对大家有帮助哦. 标签 标记意义及用法分析/示例 属性/属性值/描述 <article> 定义独立的内容,如论坛帖子.报纸文章.博客条目.用户评论等内容. 支持HTML5的全局属性和事件属性. <aside> 定义两栏或多栏页面的侧边栏内容,如联系我们.客服.网站公告等内容. 支持HTML5的全局属性…

第二篇、HTML5新增标签

<html> <head> <meta charset="UTF-8"> <title>html5新增的标签</title> </head> <body> <!--结构性标签 常用于新闻.文章等--> <article> <header> </header> <section> </section> <section>…