这篇文章主要为大家展示了“HTML5常用语法有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“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>标签
特殊符号
特殊符号 | 符号码 |
" | " |
& | & |
< | < |
> | > |
© | © |
® | ® |
± | ± |
× | × |
§ | § |
¢ | ¢ |
¥ | ¥ |
· | · |
€ | |
£ | £ |
™ | ™ |
标题字标记
标记 | 描述 |
<h2>.....</h2> | 一级标题 |
<h3>.....</h3> | 二级标题 |
<h4>.....</h4> | 三级标题 |
<h5>.....</h5> | 四级标题 |
<h6>.....</h6> | 五级标题 |
<h7>.....</h7> | 六级标题 |
注: 具体查看 HTML5 <h2> 至 <h7> 标签
在 HTML 4.01 中,h2 - h7 元素的 "align" 属性不被赞成使用。
在 HTML 5 中,h2 - h7 元素的 "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常用语法有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。