html5 笔录

最新推荐文章于 2024-04-30 11:26:14 发布

原创最新推荐文章于 2024-04-30 11:26:14 发布 · 342 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web

HTML5 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了HTML中常用的标签及属性，包括快捷键操作、内容编辑、文本方向、语言指示、拼写检查、键盘交互、元素拖动、水平线创建、换行控制、背景颜色设置、相对URL解析、验证用户、输入选项列表、输出展示、引用内容、分割线使用、自动补全、表单元素编组、占位提示、模式匹配、编码类型、前端开发技术等。

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

(1) accesskey="n" 实现Windows上的alt+"n"的快捷键操作;

如:<input type="submit" value="Log In"accesskey="s" />

(2)contenteditable属性

让用户能够修改页面上的内容，true为能修改，flase为不能修改

如：<p contenteditable="true">xxxxxx</p>

(3)dir属性

用来规定元素中文字的方向。ltr（左到右）；rtl（右到左）

（4）lang属性

用于说明元素内容使用的语言

（5）spellcheck属性

用来表面浏览器是否应该对元素的内容进行拼写检查。

如：<textareaspellcheck="true">hello</textarea>

(6)tabindex属性

页面上键盘焦点可以通过tab键在各元素之间切换。

如：<input tabindex="1"/>(第一个被选中)

<input tabindex="-1"/>(-1是跳过)

<input tabindex="2"/>(从1跳转到2)

（7）draggable属性

使页面元素可以拖动；

true为可以；false为不可以；auto为浏览器自主决定

(8)<hr/>标签

在 HTML 页面中创建一条水平线

（9）noWrap 属性规定表格单元格中的内容不换行

值	描述
nowrap	规定表格单元格中的内容不换行。

（10）bgColor 属性规定规定表格的背景颜色

值	描述
color_name	规定颜色值为颜色名称的背景颜色（比如 "red"）。
hex_number	规定颜色值为十六进制值的背景颜色（比如 "#ff0000"）。
rgb_number	规定颜色值为 rgb 代码的背景颜色（比如 "rgb(255,0,0)"）。

(11)base元素设置相对URL的解析基准

base元素可用来设置一个基准URL，让HTML文档中的相对链接在此基础上进行解析。相对链接省略了URL中的协议，主机和端口部分，需要根据别的URL（要么是base元素中指定的URL，要么是用以加载当前文档的URL）得出其完整形式。base元素还能设定链接在用户点击时的打开方式，以及提交表单时浏览器如何反应。

（12）keygen 元素

keygen元素的作用是提供一种验证用户的可靠方法。

keygen元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。

私钥（privatekey）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。

（13）datalist 元素

datalist元素规定输入域的选项列表。

列表是通过 datalist 内的option 元素创建的。

如需把 datalist绑定到输入域，请用输入域的 list 属性引用 datalist 的 id：

Webpage: <inputtype="url" list="url_list" name="link" />

<datalistid="url_list">

<optionlabel="W3School" value="http://www.W3School.com.cn" />

<optionlabel="Google" value="http://www.google.com" />

<optionlabel="Microsoft" value="http://www.microsoft.com" />

</datalist>

（14）output元素

output元素用于不同类型的输出，比如计算或脚本输出：

<!DOCTYPEhtml>

<html>

<body>

<formoninput="x.value=parseInt(a.value)+parseInt(b.value)">0

<inputtype="range" id="a" value="50">100

+<inputtype="number" id="b" value="50">

=<outputname="x" for="a b"></output>

</form>

<p><b>注释：</b>InternetExplorer 不支持 <output> 标签。</p>

</body>

</html>

（15）blockquote元素

引用他处的内容

（16）hr元素

分割线-----------

（17）autocomplete 属性

是否让浏览器自动记录之前的输入值

（18）fieldset 元素

表单元素编组，说明标签用legend 元素

（19）placeholder属性

占位式提示

(20)pattern属性

确保输入值与指定模式匹配

（21）enctype属性

enctype属性规定在将表单数据发送到服务器之前如何对其进行编码。

值	描述
application/x-www-form-urlencoded	在发送前对所有字符进行编码（默认）。
multipart/form-data	不对字符编码。当使用有文件上传控件的表单时，该值是必需的。
text/plain	将空格转换为 "+" 符号，但不编码特殊字符。