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. JAVA中对事物的理解

    1.事物是一组操作数据的集合动作 (场景:再开发的时候相信大家都遇到主表和子表的插入问题,当主表插入成功时,子表没有插入成功,这时候我们就要把主表的数据回滚,这个时候我们就要用到事物了) 2.一组处理 ...

  2. BZOJ 4278 [ONTAK2015]Tasowanie (后缀数组)

    题目链接: https://www.lydsy.com/JudgeOnline/problem.php?id=4278 题解: 居然把后缀数组写成n^2的..我真厉害.. 想了无数种方法,最后发现就是 ...

  3. BZOJ 4327 [JSOI2012]玄武密码 (AC自动机)

    题目链接: https://www.lydsy.com/JudgeOnline/problem.php?id=4327 题解: 做法挺显然,建出AC自动机之后在上面跑,标记所有走过的点,然后再进行递推 ...

  4. vue中对象属性改变视图不更新问题

    常规情况下我们在vue实例的data中设置响应数据.但当数据为对象,我们增加或删除对象属性值时,视图并不触发更新,如何解决这个问题呢? let vm = new Vue{ el: '#app', da ...

  5. 用c实现shell排序

    shell排序的方法又称缩小增量法,是对直接插入排序法的改进.至于对于分组后采用哪种排序方法实现,本例采用直接选择排序和直接插入排序,理论上讲,通过分组排序后,数据基本上有序,这时通过直接插入排序会比 ...

  6. 源代码:windows文件切割与合并

    #include <Windows.h> #include <vector> #include <string> using namespace std; //推断 ...

  7. IBM CEO罗睿兰:科技公司屹立百年的3个秘诀

    假设有不论什么科技公司能够完美阐释"转型"这个词的含义,那么这家公司非创立103年的IBM莫属. 如今,它的变化更胜以往. 在<財富>杂志周二于美国加利福尼亚州拉古纳尼 ...

  8. Android开发之PullToRefresh的Click点击事件的监听实现长按删除Item

    本文为原创博客.出自http://blog.csdn.net/minimicall 到今天为止,搜芽的卖家版本号应该来说已经基本完毕.攻坚克难的一路过来.速度也控制的比較好. 项目过程进度 从任务分配 ...

  9. 我的Android进阶之旅------&gt;android中getLocationInWindow 和 getLocationOnScreen的差别

    View.getLocationInWindow(int[] location) 一个控件在其父窗体中的坐标位置 View.getLocationOnScreen(int[] location) 一个 ...

  10. iOS开发网络篇之Web Service和XML数据解析

    郝萌主倾心贡献,尊重作者的劳动成果,请勿转载. 假设文章对您有所帮助,欢迎给作者捐赠,支持郝萌主.捐赠数额任意,重在心意^_^ 我要捐赠: 点击捐赠 Cocos2d-X源代码下载:点我传送 游戏官方下 ...