html5 基本语法详解

来源：互联网发布：淘宝绑定银行卡编辑：程序博客网时间：2024/06/08 06:58

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>六级标题

注: 具体查看 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>菜单列表重新定义;使用用于排列表单控件

定义列表的标记 <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>文字域标记新属性