您的当前位置:首页HTML5常用语法一览(列举不支持的属性)_html5教程技巧

HTML5常用语法一览(列举不支持的属性)_html5教程技巧

2020-11-27 来源:乌哈旅游
HTML头部标记

标记 描述 HTML5标准
定义页面中所有链接的基准URL
</TD> <TD>设定显示在浏览器左上方的标题内容</TD> <TD></TD></TR> <TR> <TD><isindex></TD> <TD>表明该文档是一个可用于检索的网关脚本</TD> <TD>不支持</TD></TR> <TR> <TD><meta></TD> <TD>文档本身的元信息,例如查询关键词,有效期等</TD> <TD></TD></TR> <TR> <TD><style></TD> <TD>设定CSS层叠样式表内容</TD> <TD></TD></TR> <TR> <TD></TD> <TD>设定外部资源的链接</TD> <TD></TD></TR> <TR> <TD><script></TD> <TD>页面脚本内容</TD> <TD></TD></TR></TBODY></TABLE> <P> </P> <P>元信息标记<meta>属性</P> <TABLE cellSpacing=1 cellPadding=1 width=559 border=2> <TBODY> <TR> <TD width=70>标记</TD> <TD>描述</TD> <TD>值</TD> <TD>HTML5标准</TD></TR> <TR> <TD>http-equiv</TD> <TD> <P>生成一个HTTP标准域,把Content属性关联到HTTP头部</P></TD> <TD> <P>content-type / expires / refresh / set-cookie</P></TD> <TD></TD></TR> <TR> <TD>name</TD> <TD> <P>把content属性关联到一个名称</P></TD> <TD> <P>author / description / keywords / generator /revised /others</P></TD> <TD></TD></TR> <TR> <TD>content</TD> <TD>定义与http-equiv 或 name属性相关的元信息 关键字/值内容</TD> <TD></TD> <TD></TD></TR> <TR> <TD>charset</TD> <TD>文档的字符编码</TD> <TD></TD> <TD>新增属性</TD></TR></TBODY></TABLE> <P> </P> <P>注:HTML5中不支持scheme属性,新增charset属性,具体查看:HTML5 <meta>标签</P> <P> </P> <P>HTML 主体标记<body>属性</P> <TABLE border=2> <TBODY> <TR> <TD>属性</TD> <TD>描述</TD> <TD>HTML5标准</TD></TR> <TR> <TD>text</TD> <TD>设定页面文字颜色</TD> <TD>删除</TD></TR> <TR> <TD>bgcolor</TD> <TD>设定页面背景颜色</TD> <TD>删除</TD></TR> <TR> <TD>background</TD> <TD>设定页面背景图像</TD> <TD>删除</TD></TR> <TR> <TD>bgproperties</TD> <TD>设定页面的背景图像为固定,不随页面的滚动而滚动</TD> <TD>删除</TD></TR> <TR> <TD>link</TD> <TD>设定页面默认的链接颜色</TD> <TD>删除</TD></TR> <TR> <TD>alink  </TD> <TD>设定鼠标正在单击时候的链接颜色  </TD> <TD>删除</TD></TR> <TR> <TD>vlink  </TD> <TD>设定访问过后的链接颜色  </TD> <TD>删除</TD></TR> <TR> <TD>topmargin  </TD> <TD>设定页面的上边距  </TD> <TD>删除</TD></TR> <TR> <TD>leftmargin  </TD> <TD>设定页面的左边距</TD> <TD>删除</TD></TR></TBODY></TABLE> <P> </P> <P>注: 在 HTML 5 中,删除了所有 <body> 的特殊属性。具体查看:HTML5 <body>标签</P> <P> </P> <P> </P> <P>特殊符号</P> <TABLE border=1> <TBODY> <TR> <TD>特殊符号</TD> <TD>符号码</TD></TR> <TR> <TD>"  </TD> <TD>"</TD></TR> <TR> <TD>&</TD> <TD>&</TD></TR> <TR> <TD><</TD> <TD><</TD></TR> <TR> <TD>></TD> <TD>></TD></TR> <TR> <TD>©</TD> <TD>©</TD></TR> <TR> <TD>®</TD> <TD>®</TD></TR> <TR> <TD>±</TD> <TD>±</TD></TR> <TR> <TD>×</TD> <TD>×</TD></TR> <TR> <TD>§</TD> <TD>§</TD></TR> <TR> <TD>¢</TD> <TD>¢</TD></TR> <TR> <TD>¥</TD> <TD>¥</TD></TR> <TR> <TD>·</TD> <TD>·</TD></TR> <TR> <TD></TD> <TD>€</TD></TR> <TR> <TD>£</TD> <TD>£</TD></TR> <TR> <TD>™</TD> <TD>™</TD></TR></TBODY></TABLE> <P> </P> <P> </P> <P>标题字标记</P> <TABLE border=1> <TBODY> <TR> <TD>标记</TD> <TD>描述</TD></TR> <TR> <TD><h2>.....</h2></TD> <TD>一级标题</TD></TR> <TR> <TD><h2>.....</h2></TD> <TD>二级标题</TD></TR> <TR> <TD><h3>.....</h3></TD> <TD>三级标题</TD></TR> <TR> <TD><h4>.....</h4></TD> <TD>四级标题</TD></TR> <TR> <TD><h5>.....</h5></TD> <TD>五级标题</TD></TR> <TR> <TD><h6>.....</h6></TD> <TD>六级标题</TD></TR></TBODY></TABLE> <P> </P> <P>注: 具体查看 HTML5 <h2> 至 <h6> 标签</P> <P>在 HTML 4.01 中,h1 - h6 元素的 "align" 属性不被赞成使用。</P> <P>在 HTML 5 中,h1 - h6 元素的 "align" 属性不被支持。</P> <P> </P> <P>文字的修饰标记</P> <TABLE border=1> <TBODY> <TR> <TD>标记</TD> <TD>描述</TD> <TD>HTML5标准</TD></TR> <TR> <TD><b></TD> <TD>粗体</TD> <TD></TD></TR> <TR> <TD></TD> <TD>粗体</TD> <TD></TD></TR> <TR> <TD><i></TD> <TD>斜体</TD> <TD></TD></TR> <TR> <TD><em></TD> <TD>斜体</TD> <TD></TD></TR> <TR> <TD><cite></TD> <TD>斜体</TD> <TD></TD></TR> <TR> <TD><sup></TD> <TD>上标</TD> <TD></TD></TR> <TR> <TD><sub></TD> <TD>下标</TD> <TD></TD></TR> <TR> <TD><big></TD> <TD>大字号</TD> <TD>不支持</TD></TR> <TR> <TD><small></TD> <TD>小字号</TD> <TD>不支持</TD></TR> <TR> <TD></TD> <TD>下划线</TD> <TD>不支持</TD></TR> <TR> <TD><s></TD> <TD>删除线</TD> <TD>不支持</TD></TR> <TR> <TD><strike></TD> <TD>删除线</TD> <TD>不支持</TD></TR> <TR> <TD></TD> <TD>地址</TD> <TD></TD></TR> <TR> <TD><tt></TD> <TD>打字机文字</TD> <TD>不支持</TD></TR> <TR> <TD><blink></TD> <TD>闪烁文字(只适用Netscape浏览器)</TD> <TD>不支持</TD></TR> <TR> <TD><code></TD> <TD>等宽</TD> <TD></TD></TR> <TR> <TD><samp></TD> <TD>等宽</TD> <TD></TD></TR> <TR> <TD><kbd></TD> <TD>键盘输入文字</TD> <TD></TD></TR> <TR> <TD><var></TD> <TD>声明变量</TD> <TD></TD></TR></TBODY></TABLE> <P> </P> <P> </P> <P>字体标记<font>属性</P> <TABLE border=1> <TBODY> <TR> <TD>属性</TD> <TD>描述</TD> <TD>HTML5标准</TD></TR> <TR> <TD>face</TD> <TD>字体</TD> <TD>不支持</TD></TR> <TR> <TD>size</TD> <TD>字号</TD> <TD>不支持</TD></TR> <TR> <TD>color</TD> <TD>颜色</TD> <TD>不支持</TD></TR></TBODY></TABLE> <P> </P> <P>注:请查看 HTML 5 <font> 标签</P> <P>在 HTML 4.01 中,不赞成使用该元素。</P> <P>在 HTML 5 中,不支持该元素,但是允许由所见即所得的编辑器来插入该元素 。</P> <P>在 HTML 5 中,仅支持 style 属性。</P> <P> </P> <P>列表标记</P> <TABLE border=1> <TBODY> <TR> <TD>标记</TD> <TD>描述</TD> <TD>HTML5标准</TD></TR> <TR> <TD></TD> <TD>无序列表</TD> <TD></TD></TR> <TR> <TD><ol></TD> <TD>有序列表</TD> <TD></TD></TR> <TR> <TD><dir></TD> <TD>目录列表</TD> <TD>不支持</TD></TR> <TR> <TD></TD> <TD>定义列表</TD> <TD></TD></TR> <TR> <TD><menu></TD> <TD>菜单列表</TD> <TD>重新定义;使用用于排列表单控件</TD></TR> <TR> <TD> <P>、</P></TD> <TD>定义列表的标记</TD> <TD></TD></TR> <TR> <TD><li></TD> <TD>列表项目的标记</TD> <TD></TD></TR></TBODY></TABLE> <P> </P> <P>超链接标记</P> <TABLE border=1> <TBODY> <TR> <TD>属性</TD> <TD>描述</TD> <TD>HTML5标准</TD></TR> <TR> <TD>href</TD> <TD>指定链接地址</TD> <TD></TD></TR> <TR> <TD>name</TD> <TD>给链接命名</TD> <TD>命名一个锚,不支持,使用id代替</TD></TR> <TR> <TD>title</TD> <TD>给链接提示文字</TD> <TD></TD></TR> <TR> <TD>target</TD> <TD>指定链接的目标窗口</TD> <TD></TD></TR></TBODY></TABLE> <P>链接目标窗口属性target</P> <TABLE border=1> <TBODY> <TR> <TD>属性值</TD> <TD>描述</TD></TR> <TR> <TD>_parent</TD> <TD>在上一级窗口中打开.一般使用框架页会经常使用</TD></TR> <TR> <TD>_blank</TD> <TD>在新窗口中打开</TD></TR> <TR> <TD>_self</TD> <TD>在同一个帧或窗口中打开,默认</TD></TR> <TR> <TD>_top</TD> <TD>在浏览器的整个窗口中打开,忽略任何框架</TD></TR></TBODY></TABLE> <P> </P> <P> </P> <P>图片标记<img>属性</P> <TABLE border=1> <TBODY> <TR> <TD>属性</TD> <TD>描述</TD> <TD>HTML5标准</TD></TR> <TR> <TD>src</TD> <TD>图像的源文件</TD> <TD></TD></TR> <TR> <TD>alt</TD> <TD>提示文字</TD> <TD></TD></TR> <TR> <TD>width、height</TD> <TD>宽度、高度</TD> <TD></TD></TR> <TR> <TD>border</TD> <TD>边框</TD> <TD>不支持</TD></TR> <TR> <TD>vspace</TD> <TD>垂直间距</TD> <TD>不支持</TD></TR> <TR> <TD>hspace</TD> <TD>水平间距</TD> <TD>不支持</TD></TR> <TR> <TD>align</TD> <TD>排列</TD> <TD>不支持</TD></TR></TBODY></TABLE> <P>图片排列align属性值</P> <TABLE border=1> <TBODY> <TR> <TD>属性值</TD> <TD>描述</TD> <TD>HTML5标准</TD></TR> <TR> <TD>top</TD> <TD>文字的中间线在图片上方</TD> <TD> </TD></TR> <TR> <TD>middle</TD> <TD>文字的中间线在图片中间</TD> <TD> </TD></TR> <TR> <TD>bottom</TD> <TD>文字的中间线在图片底部</TD> <TD> </TD></TR> <TR> <TD>left</TD> <TD>图片在文字的左侧</TD> <TD> </TD></TR> <TR> <TD>right</TD> <TD>图片在文字的右侧</TD> <TD></TD></TR> <TR> <TD>absbottom</TD> <TD>文字的底线在图片底部</TD> <TD></TD></TR> <TR> <TD>absmiddle</TD> <TD>文字的底线在图片中间</TD> <TD></TD></TR> <TR> <TD>baseline</TD> <TD>英文文字基准线对齐</TD> <TD></TD></TR> <TR> <TD>texttop</TD> <TD>英文文字上边线对齐</TD> <TD></TD></TR></TBODY></TABLE> <P> </P> <P>注:请查看 HTML 5 <img> 标签</P> <P> </P> <P>表格标记</P> <TABLE border=1> <TBODY> <TR> <TD>标记</TD> <TD>描述</TD></TR> <TR> <TD><table>...</table></TD> <TD>表格标记</TD></TR> <TR> <TD><tr>...</tr></TD> <TD>行标记</TD></TR> <TR> <TD><td>...</td>  </TD> <TD>单元格标记</TD></TR></TBODY></TABLE> <P>注:在 HTML 5 中,</P> <P>不支持 <table> 标签的任何属性。</P> <P>不支持 <tr> 标签的任何属性。</P> <P>仅支持<td><th>标签 "colspan" 和 "rowspan" 属性。</P> <P> </P> <P>表单标记<form>属性</P> <P>注:</P> <P>在 HTML 5 中有一个新属性:replace。它定义表单被提交后所做的事情。</P> <P><br />表单标记<form>元素</P> <TABLE border=1> <TBODY> <TR> <TD>标记</TD> <TD>描述</TD> <TD>HTML5标准</TD></TR> <TR> <TD><input></TD> <TD>表单输入标记</TD> <TD>type 属性有很多新的值。</TD></TR> <TR> <TD><select></TD> <TD>菜单和列表标记</TD> <TD>新的属性</TD></TR> <TR> <TD><option></TD> <TD>菜单和列表项目标记</TD> <TD>可用于新元素 <datalist>中</TD></TR> <TR> <TD><textarea></TD> <TD>文字域标记</TD> <TD>新属性</TD></TR></TBODY></TABLE> <P> </P> <P> </P> <P>输入标记<input>标记属性Type的值</P> <TABLE border=1> <TBODY> <TR> <TD><input Type="属性值"/></TD> <TD>描述</TD> <TD>HTML5标准</TD></TR> <TR> <TD>text</TD> <TD>文字域</TD> <TD></TD></TR> <TR> <TD>password</TD> <TD>密码域</TD> <TD></TD></TR> <TR> <TD>file</TD> <TD>文件域</TD> <TD></TD></TR> <TR> <TD>checkbox</TD> <TD>复选框</TD> <TD></TD></TR> <TR> <TD>radio</TD> <TD>单选框</TD> <TD></TD></TR> <TR> <TD>button</TD> <TD>普通按钮</TD> <TD></TD></TR> <TR> <TD>submit</TD> <TD>提交按钮</TD> <TD></TD></TR> <TR> <TD>reset</TD> <TD>重置按钮</TD> <TD></TD></TR> <TR> <TD>hidden</TD> <TD>隐藏域</TD> <TD></TD></TR> <TR> <TD>image</TD> <TD>图像域(图像提交按钮)</TD> <TD></TD></TR></TBODY></TABLE> <P> </P> <P>框架标记</P> <TABLE border=1> <TBODY> <TR> <TD>框架标记</TD> <TD>描述  </TD> <TD>HTML5标准</TD></TR> <TR> <TD><frameset></TD> <TD>框架集</TD> <TD>不支持</TD></TR> <TR> <TD><frame></TD> <TD>框架</TD> <TD>不支持</TD></TR> <TR> <TD></TD> <TD>内联框架</TD> <TD>仅仅支持 src 属性</TD></TR> <TR> <TD><noframe></TD> <TD>无框架</TD> <TD>不支持</TD></TR></TBODY></TABLE> <P> 注: 请查看 HTML 5 <frameset> 标签</P> <P>由于该标签对网页可用性的负面影响,在 HTML 5 中 <frameset> 标签没有得到支持。 </mip-showmore> <script type="text/javascript" src="https://jss.huatuo6.com/mobile/detail_dy.js"></script> <script type="text/javascript" src="https://jss.wuhaninfo.cn/mobile/detail_left.js"></script> <script type="text/javascript" src="https://jss.wuhaninfo.cn/mobile/detail_gg2.js"></script> </div><div on="click:showmore01.toggle" data-closetext="收起全文" class="mip-showmore-btn">显示全文</div> <div class="gl_prev"> </div> </div> <script type="text/javascript" src="https://jss.wuhaninfo.cn/mobile/detail_foot.js"></script> <script type="text/javascript" src="https://jss.wuhaninfo.cn/mobile/share_cebian_gg1.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/mobile/share_cebian_xgyd.js"></script> <script type="text/javascript" src="https://jss.wuhaninfo.cn/mobile/share_cebian_gg2.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/mobile/share_cebian_rmtj.js"></script> <footer class="footer"> Copyright © 2019-<span class="currentYear"></span> 版权所有<br> </footer> <script> var swiper = new Swiper('.i_banner .swiper-container', { pagination: '.i_banner .swiper-pagination', paginationClickable: true, spaceBetween: 30, centeredSlides: true, autoplay: 2500, autoplayDisableOnInteraction: false, loop: true, }); </script> <!--弹窗开始--> <script type="text/javascript"> $(function () { //弹窗2 $('.menu_icon').click(function () { $('.tbox').show(); }) //关闭 $('.close').click(function () { $('.tbox').hide(); }) }) </script> <!--弹窗结束--> <script type="text/javascript" src="https://jss.wuhaninfo.cn/mobile/foot_foot.js"></script> <script type="text/javascript"> const currentYear = new Date().getFullYear(); $('.currentYear').html(currentYear) </script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/tj_foot.js"></script> </body> </html>