html重拾记录

来源：互联网发布：什么软件看有色金属编辑：程序博客网时间：2024/04/28 12:34

以下内容都来自，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 是用什么版本编写的。

版本年份HTML1991HTML+1993HTML 2.01995HTML 3.21997HTML 4.011999XHTML 1.02000HTML52012XHTML52013

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>

0 0