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. How To:配置Linux iSCSI客户端

    1.安装客户端 [root@node01 Packages]# rpm -Uvh iscsi-initiator-utils-6.2.0.873-2.el6.x86_64.rpm warning: i ...

  2. php中fopen不能创建中文文件名文件的问题

    之前网页的chartset用的是utf-8,文件也用utf-8,然后用fopen()创建一个中文文件名的文件时问题就出来了,文件名都是乱 码! 查看了很多文档试了不少方法都解决不了,本来想着用别的方法 ...

  3. Mac 执行 gulp 报错 -bash: gulp: command not found

    在mac系统下安装gulp,之后执行gulp 报如下错误: -bash: gulp: command not found 回溯安装过程发现问题如下 1.执行 npm root: Application ...

  4. 输出n*n矩阵

    int matrix[MAX][MAX]; void PrintMatrix(int x,int y,int start,int n) { ) return ; ) { matrix[x][y] = ...

  5. JavaScript学习笔记之对象

    目录 1.自定义对象 2.Array 3.Boolean 4.Date 5.Math 6.Number 7.String 8.RegExp 9.Function 10.Event 在 JavaScri ...

  6. noip模拟赛 钻石

    分析:用裸暴力可以得60分,每次dfs,看第i个盒子到底有没有钻石就行了.其实这很像0/1背包问题,只是多了一个m的限制.这要怎么办呢?因为概率是可以加减的,所以可以先不考虑m的限制,求出概率,然后d ...

  7. readl()和writel()

    writel() 往内存映射的 I/O 空间上写数据,wirtel() I/O 上写入 32 位数据 (4字节). 原型: 引用 #include <asm/io.h> void writ ...

  8. POJ 1376 Robot

    Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 7866   Accepted: 2586 Description The R ...

  9. ASP.NET MVC 源码分析(二) —— 从 IRouteBuilder认识路由构建

    我们来看IRouteBuilder的定义: public interface IRouteBuilder { IRouter DefaultHandler { get; set; } IService ...

  10. 洛谷——P1106 删数问题

    https://www.luogu.org/problem/show?pid=1106 题目描述 键盘输入一个高精度的正整数N,去掉其中任意k个数字后剩下的数字按原左右次序将组成一个新的正整数.编程对 ...