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> 标签没有得到支持。
相关文章
- Microdata作为HTML5新增的一个特性，它允许开发者在HTML文档中添加更多的语义信息，以便于搜索引擎和浏览器更好地理解页面内容，本文将探讨HTML5中Microdata的使用方法以及2025-04-21
在HTML语法中，表格主要通过< table >、< tr >和< td >3个标签构成,本文通过实例代码讲解HTML5表格语法格式，感兴趣的朋友一起看看吧2025-04-21- 这篇文章主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSS Grid布局的基础知识和如何实现自动换行的网格布局，感兴趣的朋友一起看看吧2025-04-21
本文介绍了如何使用Canvas在HTML5上实现一个多时区动态时钟的web展示,通过Canvas的API,可以绘制出6个不同城市的时钟,并且这些时钟可以动态转动,每个时钟上都会标注出对应的2025-03-11- HTML5的自定义数据属性（data-*）提供了一种标准化的方法在HTML元素上存储额外信息,可以通过JavaScript访问、修改和在CSS中使用,文章还介绍了高级用法,如存储JSON数据、事2025-03-11
- 在HTML5中，下拉框（<select>标签）作为表单的重要组成部分，为用户提供了一个从预定义选项中选择值的方式,本文将深入探讨<select>标签的属性、样式，并重点介2025-02-27
本文介绍了HTML5InputDatePicker对象表示HTML``元素,是HTML5中的新对象,介绍了日期、周、月份、时间、日期+时间、本地日期时间等不同类型的日期选择器，感兴趣的朋友一起看2025-02-17
本文介绍了HTML5中的超链接、相对路径和图片的使用方法,超链接可以创建指向另一个文档或页面内部书签的链接,相对路径用于在同一服务器内部跳转页面,图片标签用于引入外部图2025-02-17- 本文介绍了HTML5超链接的创建方法,包括基本语法、创建图像超链接的边框去除方法以及锚点链接的使用,还讨论了超链接的四种不同状态（link、visited、hover、active）的CSS样2025-02-17
最近看一些技术网站发现了details 标签的妙用，这个不用js即可实现展开/收缩信息，很方便用来让用户先才答案，然后下面点击再给出答案的效果，这里就为大家简单介绍一下，2024-11-03
最新评论