以下内容都来自,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>