HTML5 常用语法一览(列举不支持的属性)
我要评论HTML头部标记
| 标记 | 描述 | HTML5标准 |
| <base> | 定义页面中所有链接的基准URL | |
| <title> | 设定显示在浏览器左上方的标题内容 | |
| <isindex> | 表明该文档是一个可用于检索的网关脚本 | 不支持 |
| <meta> | 文档本身的元信息,例如查询关键词,有效期等 | |
| <style> | 设定CSS层叠样式表内容 | |
| <link> | 设定外部资源的链接 | |
| <script> | 页面脚本内容 |
元信息标记<meta>属性
| 标记 | 描述 | 值 | HTML5标准 |
| http-equiv |
生成一个HTTP标准域,把Content属性关联到HTTP头部 |
content-type / expires / refresh / set-cookie |
|
| name |
把content属性关联到一个名称 |
author / description / keywords / generator /revised /others |
|
| content | 定义与http-equiv 或 name属性相关的元信息 关键字/值内容 | ||
| charset | 文档的字符编码 | 新增属性 |
注:HTML5中不支持scheme属性,新增charset属性,具体查看:HTML5 <meta>标签
HTML 主体标记<body>属性
| 属性 | 描述 | HTML5标准 |
| text | 设定页面文字颜色 | 删除 |
| bgcolor | 设定页面背景颜色 | 删除 |
| background | 设定页面背景图像 | 删除 |
| bgproperties | 设定页面的背景图像为固定,不随页面的滚动而滚动 | 删除 |
| link | 设定页面默认的链接颜色 | 删除 |
| alink | 设定鼠标正在单击时候的链接颜色 | 删除 |
| vlink | 设定访问过后的链接颜色 | 删除 |
| topmargin | 设定页面的上边距 | 删除 |
| leftmargin | 设定页面的左边距 | 删除 |
注: 在 HTML 5 中，删除了所有 <body> 的特殊属性。具体查看:HTML5 <body>标签
特殊符号
| 特殊符号 | 符号码 |
| " | " |
| & | & |
| < | < |
| > | > |
| © | © |
| ® | ® |
| ± | ± |
| × | × |
| § | § |
| ¢ | ¢ |
| ¥ | ¥ |
| · | · |
| € | |
| £ | £ |
| ™ | ™ |
标题字标记
| 标记 | 描述 |
| <h1>.....</h1> | 一级标题 |
| <h2>.....</h2> | 二级标题 |
| <h3>.....</h3> | 三级标题 |
| <h4>.....</h4> | 四级标题 |
| <h5>.....</h5> | 五级标题 |
| <h6>.....</h6> | 六级标题 |
在 HTML 4.01 中，h1 - h6 元素的 "align" 属性不被赞成使用。
在 HTML 5 中，h1 - h6 元素的 "align" 属性不被支持。
文字的修饰标记
| 标记 | 描述 | HTML5标准 |
| <b> | 粗体 | |
| <strong> | 粗体 | |
| <i> | 斜体 | |
| <em> | 斜体 | |
| <cite> | 斜体 | |
| <sup> | 上标 | |
| <sub> | 下标 | |
| <big> | 大字号 | 不支持 |
| <small> | 小字号 | 不支持 |
| <u> | 下划线 | 不支持 |
| <s> | 删除线 | 不支持 |
| <strike> | 删除线 | 不支持 |
| <address> | 地址 | |
| <tt> | 打字机文字 | 不支持 |
| <blink> | 闪烁文字(只适用Netscape浏览器) | 不支持 |
| <code> | 等宽 | |
| <samp> | 等宽 | |
| <kbd> | 键盘输入文字 | |
| <var> | 声明变量 |
字体标记<font>属性
| 属性 | 描述 | HTML5标准 |
| face | 字体 | 不支持 |
| size | 字号 | 不支持 |
| color | 颜色 | 不支持 |
注:请查看 HTML 5 <font> 标签
在 HTML 4.01 中，不赞成使用该元素。
在 HTML 5 中，不支持该元素，但是允许由所见即所得的编辑器来插入该元素 。
在 HTML 5 中，仅支持 style 属性。
列表标记
| 标记 | 描述 | HTML5标准 |
| <ul> | 无序列表 | |
| <ol> | 有序列表 | |
| <dir> | 目录列表 | 不支持 |
| <dl> | 定义列表 | |
| <menu> | 菜单列表 | 重新定义;使用用于排列表单控件 |
|
<dt>、<dd> |
定义列表的标记 | |
| <li> | 列表项目的标记 |
超链接标记
| 属性 | 描述 | HTML5标准 |
| href | 指定链接地址 | |
| name | 给链接命名 | 命名一个锚,不支持,使用id代替 |
| title | 给链接提示文字 | |
| target | 指定链接的目标窗口 |
链接目标窗口属性target
| 属性值 | 描述 |
| _parent | 在上一级窗口中打开.一般使用框架页会经常使用 |
| _blank | 在新窗口中打开 |
| _self | 在同一个帧或窗口中打开,默认 |
| _top | 在浏览器的整个窗口中打开,忽略任何框架 |
图片标记<img>属性
| 属性 | 描述 | HTML5标准 |
| src | 图像的源文件 | |
| alt | 提示文字 | |
| width、height | 宽度、高度 | |
| border | 边框 | 不支持 |
| vspace | 垂直间距 | 不支持 |
| hspace | 水平间距 | 不支持 |
| align | 排列 | 不支持 |
图片排列align属性值
| 属性值 | 描述 | HTML5标准 |
| top | 文字的中间线在图片上方 | |
| middle | 文字的中间线在图片中间 | |
| bottom | 文字的中间线在图片底部 | |
| left | 图片在文字的左侧 | |
| right | 图片在文字的右侧 | |
| absbottom | 文字的底线在图片底部 | |
| absmiddle | 文字的底线在图片中间 | |
| baseline | 英文文字基准线对齐 | |
| texttop | 英文文字上边线对齐 |
注:请查看 HTML 5 <img> 标签
表格标记
| 标记 | 描述 |
| <table>...</table> | 表格标记 |
| <tr>...</tr> | 行标记 |
| <td>...</td> | 单元格标记 |
注:在 HTML 5 中，
不支持 <table> 标签的任何属性。
不支持 <tr> 标签的任何属性。
仅支持<td><th>标签 "colspan" 和 "rowspan" 属性。
表单标记<form>属性
注:
在 HTML 5 中有一个新属性：replace。它定义表单被提交后所做的事情。
表单标记<form>元素
| 标记 | 描述 | HTML5标准 |
| <input> | 表单输入标记 | type 属性有很多新的值。 |
| <select> | 菜单和列表标记 | 新的属性 |
| <option> | 菜单和列表项目标记 | 可用于新元素 <datalist>中 |
| <textarea> | 文字域标记 | 新属性 |
输入标记<input>标记属性Type的值
| <input Type="属性值"/> | 描述 | HTML5标准 |
| text | 文字域 | |
| password | 密码域 | |
| file | 文件域 | |
| checkbox | 复选框 | |
| radio | 单选框 | |
| button | 普通按钮 | |
| submit | 提交按钮 | |
| reset | 重置按钮 | |
| hidden | 隐藏域 | |
| image | 图像域(图像提交按钮) |
框架标记
| 框架标记 | 描述 | HTML5标准 |
| <frameset> | 框架集 | 不支持 |
| <frame> | 框架 | 不支持 |
| <iframe> | 内联框架 | 仅仅支持 src 属性 |
| <noframe> | 无框架 | 不支持 |
注: 请查看 HTML 5 <frameset> 标签
由于该标签对网页可用性的负面影响，在 HTML 5 中 <frameset> 标签没有得到支持。
相关文章
本文介绍HTML5实现移动端购物车自动结算,通过WebStorage、事件监听、DOM操作等技术,确保实时更新与数据同步,优化性能及无障碍性,提升用户体验，感兴趣的朋友一起看看吧2025-06-18- 在HTML5中，<button>标签用于定义一个可点击的按钮，它是创建交互式网页的重要元素之一，本文将深入解析HTML5中的<button>标签，详细介绍其属性、样式以及实际2025-06-18
基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)
本文将深入剖析一段基于 HTML5 Canvas 的代码，该代码实现了图片的旋转（90 度和 180 度）以及旋转后图片的下载功能,通过对代码的解读，我们可以学习到如何利用 Canvas API2025-06-18
HTML5 getUserMedia API网页录音实现指南示例小结
本教程将指导你如何利用这一API，结合Web Audio API，实现网页录音功能,从获取音频流到处理和保存录音，整个过程将逐步详解,此外，还讨论了getUserMedia API的使用限制和最2025-06-16- HTML5的搜索框是一个强大的工具，能够有效提升用户体验,通过结合自动补全功能和适当的样式，可以创建出既美观又实用的搜索界面,这篇文章给大家介绍HTML5 搜索框Search Box2025-06-13
- Checkbox是HTML5中非常重要的表单元素之一，通过合理使用其属性和样式自定义方法，可以为用户提供丰富多样的交互体验，这篇文章给大家介绍HTML5中Checkbox标签的深入全面解2025-06-13
- 本实例展示了一种基于HTML5技术的图片上传功能，无需外部插件即可通过拖放图片实现上传,涉及到HTML5的拖放API和File API，以及使用CSS来增强用户界面的交互性和视觉反馈，2025-05-16
- 在HTML5和CSS中，定位(positioning)是控制元素在页面上位置的重要机制,主要有四种定位方式：静态定位(static)、相对定位(relative)、绝对定位(absolute)和固定定位(fixed),2025-05-13
- Microdata作为HTML5新增的一个特性，它允许开发者在HTML文档中添加更多的语义信息，以便于搜索引擎和浏览器更好地理解页面内容，本文将探讨HTML5中Microdata的使用方法以及2025-04-21
在HTML语法中，表格主要通过< table >、< tr >和< td >3个标签构成,本文通过实例代码讲解HTML5表格语法格式，感兴趣的朋友一起看看吧2025-04-21
最新评论