HTML5新增标签以及HTML5新增的api     1.H5并不是新的语言,而是html语言的第五次重大修改--版本     2.支持:所有的主流浏览器都支持h5.(chrome,firefox,safari...).IE9及以上支持h5(有选择的支持,并不会全部支持),但是ie8及以下不支持h5.   一.新增标签: 1.语义化:header  nav aside  article  main  footer         a.在支持语义化标签的浏览器,这些标签会被解析为div      …
表单元素 新的表单元素 datalist——输入域选项列表 keygen——提供一种验证用户的可靠方法 output——不同类型的输出,比如计算或脚本输出 表单属性 <form> / <input> autocomplete 属性——自动填充 <form> novalidate 属性——无需验证 <input> autofocus 属性——自动对焦 <input> form 属性——引用别处表单 <input> formaction…
1.知识点 lang = “en”   所用语言是英文 文档结构更简洁 IE8一下不支持h5c3 书写更宽松 div没有语义 标签语义化:在合适的地方使用合适的标签 对seo优化友谊 网页经典布局 页头.导航.主题(左右).页尾 max-wifth.min-width:最大最小宽度 <!-- 头部 -->
 <div class="header">
 <ul class="nav"></ul> 
 </div&g…
HTML常用的行级标签(行内元素)不独占一行### 有语义的行内元素 #### HTML链接 a标签 ```angular2html<a href="链接地址">链接文本</a>``` target属性,定义被链接的文档在何处显示 _blank 新窗口打开 #### HTML图像 ```angular2html<img src="图片地址" alt="">``` #### 文本标签- b标签 i标签 stron…
1.<a href="http://www.baidu.com" target=''_blank">百度</a>  超链接标签 2.<img src="1.png"/>   图片标签文件 如果两个文件是在同一级目录,那么可以直接调用. <img src="../4/1.png"/>  相对路径 3.<iframe  src="iframeA.html" frame…
浮动标签模式(Float Label Pattern)是最新流行的一种表单输入域的内容提示方式,当用户在输入框输入内容的时候,原先占位符的内容向上移动,显示在输入的内容的上面.这里推荐的这款 jQuery 插件就是帮助你实现浮动标签效果. 关于浮动标签模式更详细的内容可以参考这篇文章:<Float Label Pattern>. 您可能感兴趣的相关文章 特别推荐:10套精美的免费网站后台管理系统模板 Parallax.js – 自适应智能设备方向的视差效果插件 Chance – 功能强大的 J…
一.html5新增标签 1.结构性标签 header 定义网页的头部 nav 定义网页的导航 footer 定义网页的底部 section 定义网页的某个区域 article 定义网页中的一篇文章 aside 定义网页的侧边栏 hgroup 将网页某个区域的标题进行组合 figure 将网页中的元素进行组合 figcaption 定义figure的标题 dialog 定义一个对话框 2.定义带有记号的文本语法: <mark>带有记号的文本</mark> 3.定义一定范围内的标量或测…
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>综合</title> <style type="text/css"> .{font-size:14px} #a{font-size:30px} #b{font-size:30px} #c{font-size:30px} #…
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script type="text/javascript"> function save(){ alert("拦截a标签的href请求提交1"); <!--此处仅仅模拟表单提交前的验证过程…
placeholder 属性提供可描述输入字段预期值的提示信息(hint). 该提示会在输入字段为空时显示,并会在字段获得焦点时消失. 注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password. placeholder 属性是 HTML5 中的新属性. 由于它是html5新增的属性,所以在IE低版本中并不被支持,但是为了兼容IE,我们可以实现在文本框上面浮动一个span标签模拟html5…
在javascript中常见的浏览器兼容问题,以及解决方式. 在前端工作当中我们遵循这样的原则:渐进增强和优雅降级   渐进增强(progressive enhancement): 针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果.交互等改进和追加功能达到更好的用户体验   优雅降级(graceful degradation): 一开始就构建完整的功能,然后再针对低版本浏览器进行兼容.     1.获取非行内样式:         函数getStyle(e,attr)…
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="http://www.baidu.com">百度</a> <a href="http://www.qq…
<form id="form1" name="form1" method="post" action="">这是form表单,里面有action <发送到哪>,method <里面有post,get表示发送请求,选一>,id<表单标识>, name<表单名>属性:…
表单用于收集不同的类型的用户输入,表单由不同类型的标签组成,相关标签及属性如下: (1)<form>标签 定义整体的表单区域 -- action属性 定义表单数据提交址址 -- method属性 定义表单提交方式,一般有”get”方式和”post”方式 (2)<label>标签 为表单元素定义文字标注 (3)<input>标签 定义通用的表单元素 -- type属性: --- type=”text” 定义单行文本输入 --- type=”password” 定义密码输入…
目录 表单标签1. form标签2. submit标签3. checkbox标签4. checkboxlist标签5. combobox标签6. doubleselect标签7. head标签8. file标签9. hidden/textfield/password/textarea标签10. inputtransferselect标签11. label标签12. optiontransferselect标签13. select标签14. optgroup标签15. radio标签16. res…
Html表单 #转载请留言联系 表单用于搜集不同类型的用户输入,表单由不同类型的标签组成,相关标签及属性用法如下: 1.<form>标签 定义整体的表单区域 action属性 定义表单数据提交地址 例如:http://www.baidu.com method属性 定义表单提交的方式,一般有“get”方式和“post”方式 2.<label>标签  label 标签不会向用户呈现任何特殊效果.不过,它为鼠标用户改进了可用性.如果您在 label 元素内点击文本,就会触发此控件.就是说…
1.<form>标签 定义整体的表单区域 action属性 定义表单数据提交地址 method属性 定义表单提交的方式,一般有“get”方式和“post”方式 2.<label>标签 为表单元素定义文字标注 3.<input>标签 定义通用的表单元素 type属性 type="text" 定义单行文本输入框 type="password" 定义密码输入框 type="radio" 定义单选框 type=&quo…
Html常用标签(2) 上篇博客讲了些常用的html标签 :[HTML]---常用标签(1) 这里主要讲 列表.表格标签和 form表单标签. 一.列表.表格标签 1.列表标签 概念 把内容以列表的形式展现.列表最大的特点就是 整齐 .整洁. 有序. 示例 <!DOCTYPE html> <html> <head> <title>列表标签</title> </head> <body bgcolor="#FFFF00&q…
前端与后台可能需要使用交互的表单标签 form表单和input标签 textarea文本域表单 select,option下拉列表表单 fieldset和legend组合表单 label标签 form表单和input标签 什么是表单???表单是一个包含表单元素的区域,表单元素是允许用户在表单中输入信息的元素 一般表单区域使用form标签来进行包裹着:注意form是双标签 使用如下: <form action="url">表单元素</form> action用于向…
表单标签(掌握) 现实中的表单,类似我们去银行办理信用卡填写的单子. 如下图: 目的是为了收集用户信息. 在我们网页中, 我们也需要跟用户进行交互,收集用户资料,此时也需要表单. 在HTML中,一个完整的表单通常由表单控件(也称为表单元素).提示信息和表单域3个部分构成. 表单控件: 包含了具体的表单功能项,如单行文本输入框.密码输入框.复选框.提交按钮.重置按钮等. 提示信息: 一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作. 表单域: 他相当于一个容器,用来容纳所有的表单控…
目标: 能写出最常用的注册类表单 能说出input表单常见属性 现实中的表单,类似我们去银行办理信用卡填写的单子. 如下图 作用: 表单目的是为了收集用户信息. 在我们网页中, 我们也需要跟用户进行交互,收集用户资料,此时也需要表单. 在HTML中,一个完整的表单通常由表单控件(也称为表单元素).提示信息和表单域3个部分构成. 表单控件: ​ 包含了具体的表单功能项,如单行文本输入框.密码输入框.复选框.提交按钮.重置按钮等. 提示信息: ​ 一个表单中通常还需要包含一些说明性的文字,提示用户进…
今日内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> 排版标签 <div> .<span> . <br>.<hr>.<center>.<pre> 超链接 <a> 图片标签  <img> HTML标签中有两类标签: 1.字体标签 2.排版标签 一.字体标签 字体标签包含…
今日内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> 排版标签 <div> .<span> . <br>.<hr>.<center>.<pre> 超链接 <a> 图片标签  <img> 一.字体标签 字体标签包含:h1~h6.<font>.<u>…
一.html介绍 1.web标准 web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准.表现标准.行为标准. 结构:html.表示:css.行为:Javascript. web准备总结: 结构标准:相当于人的身体.html就是用来制作网页的. 表现标准: 相当于人的衣服.css就是对网页进行美化的. 行为标准: 相当于人的动作.JS就是让网页动起来,具有生命力的 二.浏览器介绍 浏览器是网页运行的平台,常用的浏…
主要内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> 排版标签 <div> .<span> . <br>.<hr>.<center>.<pre> 超链接 <a> 图片标签 <img> 一.字体标签 字体标签包含:h1~h6.<font>.<u>…
主要内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> 排版标签 <div> .<span> . <br>.<hr>.<center>.<pre> 超链接 <a> 图片标签  <img> <!--文档的声明 一个html文件就是一个文档--> <!DO…
一 字体标签   字体标签包含:h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> 标题 标题使用<h1>至<h6>标签进行定义.<h1>定义最大的标题,<h6>定义最小的标题.具有align属性,属性值可以是:left.center.right. <h1>路飞学城</h1> <h2>路飞学城<…
1. 音频标签<audio> <audio src = “./music/Alone.mp3” controls autoplay loop = “3” ></audio> controls :在页面中显示音乐播放控件   autoplay :页面加载自动播放 loop :设置循环播放次数 ·浏览器音乐格式兼容  浏览器默认按顺序查找兼容格式 <audio controls> <source src = “./music/Alone.mp3”>…
列表 无序列表 无序列表,用来表示一个列表的语义,并且每个项目和每个项目之间,是不分先后的. ul就是英语unordered list,“无序列表”的意思. li 就是英语list item , “列表项”的意思. 这是我们学习的第一个“组标签”,就是要么不写,要么就要写一组. • <ul> • <li>北京</li> • <li>上海</li> • <li>广州</li> • <li>铁岭</li>…
一.html介绍 1.web标准 web准备介绍: w3c:万维网联盟组织,用来指定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准.表现标准.行为标准. 结构:html.表示:css.行为:Javascript web准备总结: 结构标准:相当于人的身体.html就是用来制作网页的. 表现标准:相当于人的衣服.css就是对网页进行美化的. 行为标准:相当于人的动作.JS就是让网页动起来,具有生命力的 二.浏览器介绍 浏览器是网页运行的平台,常用的浏览器有…