html重拾记录

原创 2016年08月29日 18:51:56

以下内容都来自,w3school。选取重点作为笔记


应对禁用js时的方案

<noscript>Your browser does not support JavaScript!</noscript>

应对老式浏览器没法识别 <script> 标签

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

html<head>中的元素介绍:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

title就不说了

HTML <base> 元素

<base> 标签为页面上的所有链接规定默认地址或默认目标(target):

<head>
<base href="http://www.w3school.com.cn/images/" />
<base target="_blank" />
</head>

HTML <base> 元素

<base> 标签为页面上的所有链接规定默认地址或默认目标(target):

<head>
<base href="http://www.w3school.com.cn/images/" />
<base target="_blank" />
</head>


URL 编码示例

字符 URL 编码
%80
£ %A3
© %A9
® %AE
À %C0
Á %C1
 %C2
à %C3
Ä %C4
Å %C5

URL 只能使用 ASCII 字符集来通过因特网进行发送。

由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。

URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。

URL 不能包含空格。URL 编码通常使用 + 来替换空格。


<!DOCTYPE> 声明

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。

版本 年份
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013


form表单介绍http://www.w3school.com.cn/html/html_forms.asp

<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"
ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
.
form elements
 .
</form> 

属性 描述
accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)。
action 规定向何处提交表单的地址(URL)(提交页面)。
autocomplete 规定浏览器应该自动完成表单(默认:开启)。
enctype 规定被提交数据的编码(默认:url-encoded)。
method 规定在提交表单时所用的 HTTP 方法(默认:GET)。
name 规定识别表单的名称(对于 DOM 使用:document.forms.name)。
novalidate 规定浏览器不验证表单。
target 规定 action 属性中地址的目标(默认:_self)。

form表单元素<select>下拉列表

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

form表单 h5新增元素<datalist>下拉列表

<form action="action_page.php">
<input list="browsers">
<datalist id="browsers">
   <option value="Internet Explorer">
   <option value="Firefox">
   <option value="Chrome">
   <option value="Opera">
   <option value="Safari">
</datalist> 
</form>

html input属性及h5新增特性可以到w3school上查询

HTML5 为 <input> 增加了如下属性:

  • autocomplete          记录输入历史,自动补全
  • autofocus                默认聚焦
  • form                       指定所属表单
  • formaction              覆盖 <form> 元素的 action 属性。
  • formenctype           指定编码,覆盖 <form> 元素的 enctype 属性。
  • formmethod           覆盖 <form> 元素的 method 属性。
  • formnovalidate        同上
  • formtarget              同上
  • height 和 width       仅用于 <input type="image">,指定图片尺寸
  • list                          list 属性引用的 <datalist> 元素中包含了 <input> 元素的预定义选项
  • min 和 max            适用于如需输入类型:number、range、date、datetime、datetime-local、month、time 以及 week
  • multiple                 允许用户在 <input> 元素中输入一个以上的值,适用于以下输入类型:email 和 file
  • pattern (regexp)    检查 <input> 元素值的正则表达式
  • placeholder            类似hint
  • required                必须填写
  • step                     规定 <input> 元素的合法数字间隔,number、range、date、datetime、datetime-local、month、time 以及 week

并为 <form> 增加如需属性:

  • autocomplete  记录输入历史,自动补全
  • novalidate   提交表单不验证
  • <form action="action_page.php" novalidate>
       E-mail: <input type="email" name="user_email">
       <input type="submit">
    </form> 




Android学习记录(一) 重拾Activity

只想记录点什么,给自己留下一些足迹。         学过安卓的人,对于Activity来说并不陌生,它是呈现在我们手机屏幕上面供用户进行操作的界面,它有七个生命周期。当我们创建一个Activity...

重拾java基础(十五):数据结构总结

一、常见数据结构1、概述 A、数据结构就是研究如何组织、存储、管理一堆数据;例如数组。 B、常见的数据结构有栈、队列、链表、线性表、树。 C、散列表(哈希表) @ 目录(顺序存储)+队列(链表) @ ...

【玩转SQLite系列】(一)初识SQLite,重拾sql语句

初识SQLite,重拾sql语句 SQLite由于是一个轻型的嵌入式的数据库,被应用于Android系统当中。在Android开发中我们难免会用到SQLite数据库。接下来用一系列的文章来数据...

重拾Hibernate(1)之环境配置

1、新建Web Project工程 2、导入所需jar包     3、Student.java package com.itmyhome; import javax.persisten...

重拾Java--功底篇之HashMap

最近靠了些关于HashMap的相关内容,觉得有必要梳理一下了。1、HashMap概述HashMap是常用的一个集合类,它是基于哈希表的Map接口的非同步实现。此实现提供所有可选的映射操作,并允许使用n...
  • oXLuan
  • oXLuan
  • 2017年10月18日 22:22
  • 63

重拾蒸汽机梦想,再造巴贝奇计算机

http://lt.cjdby.net/thread-998101-1-1.html   本报讯 据英国广播公司(BBC)10月14日报道,英国科学家计划建造一台真正的巴贝奇分析机,希望这一机器...

重拾java基础(十七):多线程上总结

一、进程1. ctrl+shift+esc 任务管理器窗口 2. 程序都是在操作系统环境下运行的 ,需要占用CPU和内存资源,从程序开始运行到程序被关闭,这个过程叫进程 3. 进程是操作系统中独有...

重拾Android(1)----关于手机的认识

在工作中最重要的是对基础知识的掌握,不论是对现在工作能力还是对以后跳槽都是有好处的,所以作为程序员需要不断的去巩固一些细节的基础知识. 从今天起,我会持续更新博客把所有涉及Android的基础知识全...

重拾java基础(九):抽象类、接口总结

一、final关键字1. 可以修饰类、属性、方法 2. 修饰类:最终的类 final class Pet{} 3. 修饰属性:属性的值不能修改 final修饰的属性必须人工赋值 PI 4...

Andrew Ng 如何重拾梦想

本文来自 http://www.huxiu.com/article/14357/1.html 虎嗅注:人工智能现在是科技界最前沿的话题之一。以谷歌为代表,科技巨头均在这个方向上进行巨大投...
  • peghoty
  • peghoty
  • 2013年09月03日 21:53
  • 3236
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html重拾记录
举报原因:
原因补充:

(最多只允许输入30个字)