HTML5 常用语法一览


本文摘自PHP中文网,作者不言,侵删。

这篇文章主要介绍了关于HTML5 常用语法一览,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

HTML 5 常用语法一览(列举不支持的属性)

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>标签

特殊符号

特殊符号符号码
"  &quot;
&&amp;
<&lt;
>&gt;
?&copy;
?&reg;
±&plusmn;
×&times;
§&sect;
?&cent;
?&yen;
?&middot;

&euro;
?&pound;
?&trade;

标题字标记

标记描述
<h1>.....</h1>一级标题
<h2>.....</h2>二级标题
<h3>.....</h3>三级标题
<h4>.....</h4>四级标题
<h5>.....</h5>五级标题
<h6>.....</h6>六级标题

注: 具体查看 HTML5 <h1> 至 <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 常用语法一览的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

HTML5多媒体audio和video详细介绍(二)

介绍一个用HTML5 canvas 制作的时钟

h5怎么解决移动端滑动卡顿的问题

详细介绍通过HTML5的drag和drop生成拓扑图片base64信息的案例

HTML5剪切板功能的实现

html中表单的相关知识总结(代码实例)

如何使用HTML5中postmessage实现ajax中的post跨域问题的详细介绍

HTML5如何使用canvas画空心圆与实心圆

HTML5 canvas的事件处理介绍

svg是什么

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...