1. <meta name = "keywords" content="…………"/>(网页搜索时要输入的关键字)
  2. <meta name = "author" content = "作者的名字"
  3. <meta http-equiv = "refresh" content = "跳转的时间 ; URL=跳转的地址"> (网页跳转)
  4. <a href = "mailto : 邮件地址 ">……</a>
  5. 在英文输入法下,输入!后按tab键可以自动补全
  6. <b> 定义粗体文本
  7. <i> 定义斜体文本
  8. <em> 定义强调文本,实际效果与斜体文本差不多
  9. <strong> 定义强调文本,与<b>的效果相同
  10. <sub> 定义下标文本
  11. <sup> 定义上标文本
  12. 在源文件中标记是不区分大小写的
  13. <a href="链接地址" target="目标窗口">链接文本或图片</a>
  • target:指定框架集中的哪个框架来装在另一个资源,该属性可以是_self、_blank、_top、_parent四个值,分别代表使用自身、新窗口、顶层框架、父框架来装载新资源。
  1. <img src="图片地址" alt="提示文字"/>
  • alt只是在图片无法加载的还是才会显示出提示文字,如果想让图片无论怎样都显示,用title
  1. <br/>换行。 它的作用和<p>的一样,但<br/>做出来的行与行之间间隙要小得多,但是不建议使用<br>标签去实现布局的效果。
  2. 空格 &nbsp;
  3. 大于 &gt;
  4. 小于 &lt;
  5. 引号 &quot;
  6. 版权号 &copy;
  7. (form--method--get/post)
  • 如果希望获得最佳表单性能,可以采用get方法发送只有少数简短字节的小表单。
  • 一些服务器操作系统在处理可以立即传递给应用程序的命令行参数时,会限制其数目和长度,在这种情况下,对那些有许多字段或是很长的文本域的表单来说,就应该采用 POST 方法来发送。
  • 如果安全性是个问题,那么我们建议选用 POST 方法。GET 方法将表单参数直接放在应用程序的 URL 中,这样网络窥探者可以很轻松地捕获它们,还可以从服务器的日志文件中进行摘录。如果参数中包含了信用卡帐号这样的敏感信息,就会在不知不觉中危及用户的安全。而 POST 应用程序就没有安全方面的漏洞,在将参数作为单独的事务传输给服务器进行处理时,至少还可以采用加密的方法。
  • 如果想在表单之外调用服务器端的应用程序,而且包括向其传递参数的过程,就要采用 GET 方法,因为该方法允许把表单这样的参数包括进来作为 URL 的一部分。而另一方面,使用 POST 样式的应用程序却希望在 URL 后还能有一个来自浏览器额外的传输过程,其中传输的内容不能作为传统 <a> 标签的内容。
  1. 关于embed和video、audio
  • embad播放视频和音频时,页面自动播放
  • 在调整容器的大小方面,embed是生硬的对它的width、height进行更改。而video标签会相应的进行等比缩放,你对其中的width更改height也会变动。
  • 对于audio标签,只有width属性,更改height时,展示形式为调整它相对于容器的高度
  1. box-shadow和dropshaow的区别https://www.cnblogs.com/sanweimiao/p/6388960.html
  2. 文字描边以及颜色:用-webkit-text-stroke,需带前缀,因为目前css工作组还未支持。。。。。文字加粗还可以用font-weight
  3. transition的四个属性:http://blog.csdn.net/yeana1/article/details/52024303
  4. <hr>标签:width--设置水平线的长度,单位可像素可百分比 ; height--设置水平线的高度,单位可像素可百分比 ; size--设置水平线的粗细,单位是像素 ; color--设置水平线的颜色。
  5. <input name="sex" type="radio">男 <input name="sex" type="radio">女
  • 在上述代码中,由于用户的性别只能是“男”或“女”,因此选中其中一个单选按钮时,另一个单选按钮就不能被选中。要实现这样的功能,可以同时将单选按钮的name属性的值设为相同的。
  1. -webkit-box-sizing:border-box ----则div设置的宽高将包含边框及padding

html5与css3入门知识点精炼的更多相关文章

  1. HTML5 移动开发入门知识点

    转自:http://www.cnblogs.com/blog-zwei1989/archive/2012/12/12/2815049.html 1.先来看淘宝无线wiki要求在页面中添加的meta标签 ...

  2. Web大前端时代之:HTML5+CSS3入门系列

    准备来一波新技术,待续.... Old: 联系源码:https://github.com/dunitian/LoTHTML5 文档下载:https://github.com/dunitian/LoTD ...

  3. 07. Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...

  4. 01.Web大前端时代之:HTML5+CSS3入门系列~初识HTML5

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 文档申明 <!--文档类型申明,html代表是ht ...

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

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素 可以理解为语义话标记,比如:以前这么写&l ...

  6. 03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 2.功能元素 1.hgroup 对网页或区段(secti ...

  7. 04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包 ...

  8. 05. Web大前端时代之:HTML5+CSS3入门系列~H5 多媒体系

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.引入 概述 音频文件或视频文件都可以看做是一个容器文 ...

  9. 06. Web大前端时代之:HTML5+CSS3入门系列~HTML5 画布

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 我们先看看画布的魅力: 初始画布 canvas默认是宽3 ...

随机推荐

  1. 关于预测io调用的思考

    什么是预测io 预测io是linux2.6版本内核调用默认的调用程序,对应用程序进行跟踪,统计应用程序使用io情况,在读操作返回之前先停顿6ms时间(linux默认时间),如果这期间有读操作过来,可以 ...

  2. Java 下实现Cache

    最近在做Spring的项目,想做一个缓存,访问数据库,定期来做数据更新 要实现两个功能 可以通过http请求来立刻刷新缓存 缓存可以通过自己配置的时间间隔来定期刷新 通过Controller来做 因为 ...

  3. 用Twebbrowser做可控编辑器与MSHTML

    首先要明白mshtml的属性方法: {IHTMLDocument2 方法:} write //写入 writeln //写入并换行 open //打开一个流,以收集 document.write 或 ...

  4. JavaScript初步学习----基本使用,简单事件,修改样式,数据类型

    JavaScript基本使用 JavaScript原名叫livescript,是一门动态类型,弱类型基于原型的脚本语言   用于页面特效,前后交替,后台开发(node)   JavaScript写在s ...

  5. LINUX 查看硬件配置命令

      系统 # uname -a # 查看内核/操作系统/CPU信息 # head -n 1 /etc/issue # 查看操作系统版本 # cat /proc/cpuinfo # 查看CPU信息 # ...

  6. MINSUB - Largest Submatrix

    MINSUB - Largest Submatrix no tags  You are given an matrix M (consisting of nonnegative integers) a ...

  7. js两个整数之间求和

    const GetSum = (a, b) => { let min = Math.min(a, b), max = Math.max(a, b); return (max - min + 1) ...

  8. TOYS POJ 2318 计算几何 叉乘的应用

    Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 15060   Accepted: 7270 Description Calc ...

  9. cogs 259. 亲戚

    259. 亲戚 ★   输入文件:relations.in   输出文件:relations.out   简单对比时间限制:1 s   内存限制:128 MB [问题描述]     或许你并不知道,你 ...

  10. [转]十五天精通WCF——第三天 client如何知道server提供的功能清单

     通常我们去大保健的时候,都会找姑娘问一下这里能提供什么服务,什么价格,这时候可能姑娘会跟你口述一些服务或者提供一份服务清单,这样的话大 家就可以做到童嫂无欺,这样一份活生生的例子,在wcf中同样是一 ...