URL编码,HTML文档类型,表单

最新推荐文章于 2024-04-27 18:00:00 发布

原创最新推荐文章于 2024-04-27 18:00:00 发布 · 220 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

HTML-CSS 同时被 2 个专栏收录

7 篇文章

订阅专栏

前端

7 篇文章

订阅专栏

本文详细介绍了HTML的基础知识，包括URL编码、文档类型声明、表单元素及其属性等内容，并列举了HTML5新增的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML URL统一资源定位器
URL 编码

URL 只能使用 ASCII 字符集来通过因特网进行发送。
由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
URL 编码使用 “%” 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。
网址的语法:
http://www.w3school.com.cn/html/index.asp
scheme://host.domain:port/path/filename
解释:
scheme - 定义因特网服务的类型,最常见的类型是http
host -定义域主机(http的默认主机是www)
domain - 定义因特网域名:比如w3school.com.cn
:port - 定义服务器上的端口号(http的默认端口号是80)
path - 定义服务器上的路径(如果省略,则文档必须位于网址的根目录中)
filename-定义文档/资源的名称

HTML文档类型
<!DOCTYPE> 声明

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

带有 HTML5 DOCTYPE 的 HTML 文档：
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
常用的声明
    HTML5
    <!DOCTYPE html>

    HTML4.01
    <!DOCTYPE HTML PUBLIC”-//W3C//DTD HTML 4.01 Transitional//EN”
    “http://www.w3.org/TR/html4/loose.dtd”>

    XHTML1.0
    <!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Transitional//EN”
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    >

HTML表单

<form>元素定义HTML表单
</form>
HTML表单包含表单元素
表单元素指的是不同类型的input元素,复选框,单选按钮,提交按钮等
<input>元素是最重要的表单元素,根据不同的type属性
类型
text  定义常规文本输入
radio 定义单选按钮输入
submit 定义提交按钮(提交表单)

<select>元素
<textarea>元素 多行输入字段
<button>元素
<button type=“button” onclick=“alert(‘hello world!')”>Click Me</button>

HTM5<datalist>元素
<datalist>元素为<input>元素规定预定义选项列表
用户会在他们输入数据时看到预定义选项的下拉列表
<input>元素的list属性必须引用<datalist>元素的id属性
<input list=“browsers” name=“browser”>
<datalist id=“browsers”>
  <option value =“Internet Explorer”>
  <option value=“Firefox”>
  <option value=“Chrome”>
  <option value=“Opera”>
  <option value=“Safari">
</datalist>
HTML5为<input>增加了如下属性:
  autocomplete
  autofocus
  form
  formaction
  formenctype
  form method
  formnovalidate
  formtarget
  list
 multiple
 pattern(regexp)
 placeholder
 required
 step
并为<form>
增加如需属性:
autocomplete 属性规定表单或输入字段是否应该自动完成
<form action=“action_page.php” autocomplete=“no”>
  First name:<input type=“text” name=“fname”>

  Last name:<input type=“text” name=“lname”>

  E-mail:<input type=“email” name=“email” autocomplete=“off”>

  <input type=“submit”>
</form>
novalidate属性 规定在提交表单时不对表单数据进行验证
autofocus属性:规定当夜幕加载时<input>元素应该自动获得焦点
formaction属性:规定当提交表单时处理该输入控件的文件的URL
formenctype属性:当把表单数据(form-data)提交至服务器时如何对其进行编码
formmethod属性:定义用以向actionURL发送表单数据(form-data)的HTTP方法
multiple规定允许用户在<input>元素中输入一个以上的值.
pattern=regexp:规定用于检查<input>元素值的正则表达式
required属性规定在提交表单之前必须填写输入字段
step属性规定<input>元素的合法数字间隔
value 属性规定输入字段的初始值
readonly 属性规定输入字段只读
disabled属性规定输入字段是禁用的
HTML5 中的新元素
<article>定义文档内的文章
<aside>定义页眉内容之外的内容
<bdi>定义预其他文本不同的文本方向
<details>定义用户可查看或隐藏的额外细节
<dialog>定义对话框或窗口
<figcaption>定义<figure>元素的标题
<figure>定义自包含内容,比如图片,图表,照片,代码清单等
<footer>定义文档或节的页脚
<header>定义文档或节的页眉
<main>定义文档的主内容
<mark>定义重要活强调的内容
<menuitem>定义用户能够从弹出菜单调用的命令/菜单项目
<meter>定义已知范围(尺度)内的标量测量
<nav>定义文档内的导航链接
<progress>定义任务进度
<rp>定义在不支持ruby注释的浏览器中显示什么
<rt>定义关于字符的解释/发音
<section>定义文档中的节
<summary>定义<details>元素的可见标题
<time>定义日期/时间
<wbr>定义可能的折行(line-break)
<canvas>定义使用JavaScript的图像绘制
<svg>定义使用SVG的图像绘制