XHTML中的常用标签整理
来源: 阅读:575 次 日期:2016-06-15 11:53:07
温馨提示: 小编为您整理了“XHTML中的常用标签整理”,方便广大网友查阅!

什么是 XHTML 标签?

XHTML 标签元素是 XHTML 文档的基本组成部分。XHTML 标签可以理解为是 XHTML 语言用于定义描述 XHTML 文档 “这是什么,那是什么” 的标记。

XHTML 标签是由尖括号包围的关键词,常常是成对出现的,如 ,这个标签就标明这是一个 hmtl(xhtml)文档。标签对中的第一个标签是开始标签(start tag),第二个标签是结束标签(end tag)。

也有少部分标签并不是成对的或者说没有结束标签,如换行标签

XHTML 标签的关闭

在 XHTML 规范中,所有的标签都必须关闭。通常成对的标签用结束标签以关闭标签,非成对的标签,以空格加 /> 来关闭,如

尽管浏览器能识别没有关闭的标签,但从规范及长远来看,关闭标签是必须的。

常用的 XHTML 标签

标签

该标签标明这是一个 hmtl(xhtml)文档,除 XHTML文件类型声明 外,一切其他 XHTML 标签元素都必须嵌入该标签内。

XML/HTML Code

1.

2. ...

3.

4.

文字段落等正文内容

5.

Baidu
map

6.

标签

标明 XHTML 文档的头部信息,这些信息通常为浏览器所需以及对 XHTML 文档的附加说明,如文档加载的 CSS 样式或者其他 脚本信息等。

标签

该标签定义整个 XHTML 文档的标题,用于显示在浏览器窗口最上端的标题栏内,该标签嵌套于 内。

XML/HTML Code

1.

2.XHTML 标签 - XHTML教程

3.

4.

Baidu
map
标签

顾名思义,该标签内描述的是 XHTML 文档的正文内容,所有需要展示的正文内容都包含在该标签内。

XHTML 标题

XHTML 文档标题共分 6 级,分别由

-

进行定义。

XML/HTML Code

1.

一级标题

2.

二级标题

3.

三级标题

注意,该标题非 标题,但通常 <h1> 在核心上等同于 <title></p> <p>XHTML 段落</p> <p>XHTML 段落由 <p></p> 标签定义:</p> <p>XML/HTML Code</p> <p>1.<p>这是一个段落</p></p> <p>XHTML 超链接</p> <p>XHTML 超链接由 <a></a> 标签定义:</p> <p>XML/HTML Code</p> <p>1.<a href="http://www.jb51.net">5iDev Web开发在线教程</a></p> <p>XHTML 图像</p> <p>XHTML 图像是通过 <img> 标签进行定义的:</p> <p>XML/HTML Code</p> <p>1.<img src="flower.jpg" alt="花" /></p> <p>在该标签中,以 src 属性提供图像来源,该标签在浏览器中将显示 flower.jpg 图像。</p> <p>XHTML 表单</p> <p>XHTML 表单用于收集用户的输入信息,如用户留言等,表单通过 <form></form>来定义:</p> <p>XML/HTML Code</p> <p>1.<form></p> <p>2.各种表单元素(文本域、下拉列表、单选框、复选框等)</p> <p>3.</form></p> </div> <div class="c_nrgg"></div> <div class="c_nrgdd"> 更多信息请查看 <a href="//www.reelogic.com/c2022.aspx">网页制作</a> </div> <div class="c_nrgdd"></div> <div class="c_nrgdd"> <a href="//www.reelogic.com/memberNewsAdd.aspx">【点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】</a> <a href="//www.reelogic.com/n4836c56.aspx">【点此处查询各地各类考试咨询QQ号码及交流群】</a> </div> <div class="c_nrgdds"> 上一篇: <a href="//www.reelogic.com/n1442263c2022.aspx">一些HTML代码的编写风格建议小结</a> </div> <div class="c_nrgdds"> 下一篇: <a href="//www.reelogic.com/n1442267c2022.aspx">不可不知的HTML优化技巧</a> </div> <div class="c_nrgdds"> 手机网站地址: <a href="//www.reelogic.com/wap/n1442266c2022.aspx">XHTML中的常用标签整理</a> </div> <div class="c_nrgdd"> 由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准! </div> <div class="c_nrtja"> <div class="c_nrtja1"> <span class="c_nrtja2">相关阅读</span> <a href="//www.reelogic.com/c2022.aspx">网页制作</a> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970477c2022.aspx">使用CSS制作立体导航栏</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970472c2022.aspx">用纯CSS3实现网页中常见的小箭头</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970468c2022.aspx">有关HTML5中背景音乐的自动播放功能</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970466c2022.aspx">HTML5、Select下拉框右边加图标的实现代码(增进用户体验)</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970462c2022.aspx">html5实现图片转圈的动画效果——让页面动起来</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970458c2022.aspx">html5清空画布方法(三种)</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970455c2022.aspx">HTML实现移动端固定悬浮半透明搜索框</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970452c2022.aspx">HTML5 文件域+FileReader 分段读取文件并上传到服务器</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970450c2022.aspx">Dreamweaver怎么设计彩色边框的表格?</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970449c2022.aspx">Dreamweaver怎么给个人简历添加照片并排版?</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970445c2022.aspx">基于HTML5的WebGL实现json和echarts图表展现在同一个界面</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1970444c2022.aspx">解决HTML5手机端页面缩放的问题</a></span> <span class="c_nrtja5" style="color:gray;">10月30日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1949732c2022.aspx">利用纯CSS实现居中的七大方法示例</a></span> <span class="c_nrtja5" style="color:gray;">09月29日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1949729c2022.aspx">CSS3中伪元素::before和::after的用法示例</a></span> <span class="c_nrtja5" style="color:gray;">09月29日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1949727c2022.aspx">详解使用 CSS 的 font-size-adjust 属性改善网页排版</a></span> <span class="c_nrtja5" style="color:gray;">09月29日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1949725c2022.aspx">HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)</a></span> <span class="c_nrtja5" style="color:gray;">09月29日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1949723c2022.aspx">css3 pointer-events 介绍详解</a></span> <span class="c_nrtja5" style="color:gray;">09月29日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1949721c2022.aspx">CSS :focus-within的具体使用</a></span> <span class="c_nrtja5" style="color:gray;">09月29日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1949718c2022.aspx">你所不知道的 CSS 动画技巧与细节</a></span> <span class="c_nrtja5" style="color:gray;">09月29日</span> </div> <div class="c_nrtja3"> <span class="c_nrtja4"><a href="//www.reelogic.com/n1949717c2022.aspx">详解CSS3选择器:nth-child和:nth-of-type之间的差异</a></span> <span class="c_nrtja5" style="color:gray;">09月29日</span> </div> </div> </div> </div> <div class="c_lbright_nr"> <div class="c_nr_lbxx1"> <div class="c_lbright_nr1bt1s"> <a href="//www.reelogic.com/wap/"> 移动网站</a> </div> </div> <div class="c_nr_lbxx1"> <div class="c_lbright_nr1bt1"> 最新信息 </div> <div class="c_nr_lbxx_tui"> <div class="c_nr_xx_tui1"> <a href="//www.reelogic.com/n2294589c993.aspx">2024年楚雄州元谋县教育体育局选调教师拟选调人员公示</a> </div> <div class="c_nr_xx_tui1"> <a href="//www.reelogic.com/n2294588c998.aspx">2024年上半年勐腊县卫生健康系统事业单位考核招聘拟聘公示(第二批)</a> </div> <div class="c_nr_xx_tui1"> <a href="//www.reelogic.com/n2294587c1180.aspx">2024年云南空港百事特商务有限公司招聘公告</a> </div> <div class="c_nr_xx_tui1"> <a href="//www.reelogic.com/n2294586c1277.aspx">2024年8月国家电投甘肃公司招聘公告</a> </div> <div class="c_nr_xx_tui1"> <a href="//www.reelogic.com/n2294585c1615.aspx">2024年恒丰银行西安分行社会招聘启事(二)</a> </div> <div class="c_nr_xx_tui1"> <a href="//www.reelogic.com/n2294584c1277.aspx">2024年中国葛洲坝集团电力有限责任公司成熟人才招聘公告</a> </div> <div class="c_nr_xx_tui1"> <a href="//www.reelogic.com/n2294583c1697.aspx">2024年吉林省农村信用社联合社招聘公告</a> </div> <div class="c_nr_xx_tui1"> <a href="//www.reelogic.com/n2294582c997.aspx">2024年文山州广南县桃源中小学校空余学位通告</a> </div> <div class="c_nr_xx_tui1"> <a href="//www.reelogic.com/n2294581c1056.aspx">2024年德宏州瑞丽市第五民族中学招聘编外高中数学教师通告</a> </div> <div class="c_nr_xx_tui1"> <a href="//www.reelogic.com/n2294580c945.aspx">2024年云南省基层法律服务工作者执业核准考试公告</a> </div> </div> </div> <div class="c_nr_lbxx1"></div> <div class="c_nr_lbcd"> <div class="c_nr_cd1"> <img id="xlogo" src="//www.reelogic.com/pic/gwy.svg" width="20" height="20">公考类 </div> <div class="c_nr_cd2"> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1072.aspx">云南公务员</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1220.aspx">贵州公务员</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1219.aspx">四川公务员</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1311.aspx">广西公务员</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1252.aspx">各省公务员</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1015.aspx">国家公务员</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1253.aspx">选调遴选</a></span> </div> <div class="c_nr_cd1"> <img id="xlogo" src="//www.reelogic.com/pic/zp.svg" width="20" height="20">招聘类 </div> <div class="c_nr_cd2"> <span class="c_nr_cd3"><a href="//www.reelogic.com/c934.aspx">188app金宝搏 </a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1431.aspx"></a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1110.aspx">特岗教师</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1291.aspx">三支一扶</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1291.aspx">志 愿 者</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1448.aspx">银行招聘</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c1124.aspx">国企招聘</a></span> </div> <div class="c_nr_cd1"> <img id="xlogo" src="//www.reelogic.com/pic/ks.svg" width="20" height="20">各类考试 </div> <div class="c_nr_cd2"> <span class="c_nr_cd3"><a href="//www.reelogic.com/c690.aspx">学历升学</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c385.aspx"></a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c921.aspx">职业资格</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c373.aspx">外语考试</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c375.aspx">医学考试</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c225.aspx">工程考试</a></span> <span class="c_nr_cd3"><a href="//www.reelogic.com/c823.aspx">教师资格</a></span> </div> </div> </div> </div> <!-- <img src="http://admyn.ynpxrz.com/adv/hf.png" alt="" srcset=""> --> <div class="c_gywm"> <a href="//www.reelogic.com/n38c56.aspx" target="_blank">关于我们</a>| <a href="//www.reelogic.com/n76555c56.aspx" target="_blank">联系我们</a>| <a href="//www.reelogic.com/n340264c1277.aspx" target="_blank">人才招聘</a>| <a href="//www.reelogic.com/n3452c56.aspx" target="_blank">网站声明</a>| <a href="//www.reelogic.com/n2514c56.aspx" target="_blank">网站帮助</a>| <a href="//www.reelogic.com/memberNewsAdd.aspx" target="_blank">非正式的简要咨询</a>| <a href="//www.reelogic.com/n21580c56.aspx" target="_blank">简要咨询须知</a>| <a href="//www.reelogic.com/n4836c56.aspx" target="_blank">加入群交流</a>| <a href="//www.reelogic.com/wap" target="_blank">手机站点</a>| <a href="https://www.ynbxjy.com/tsjy.html" target="_blank">投诉建议</a> </div> <div class="c_gywm"> <span>工业和信息化部备案号:<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">滇ICP备2023014141号-1</a></span> <span><a href="//www.reelogic.com/n48442c56.aspx" target="_blank">云南省教育厅备案号:云教ICP备0901021</a></span> <span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=53010202001879" target="_blank" rel="nofollow">滇公网安备53010202001879号</a></span> <span>人力资源服务许可证:(云)人服证字(2023)第0102001523号</span> </div> <div class="c_gywm1"> <div class="c_ga_1" style="width:200px;"> <a href="http://www.yn.cyberpolice.cn:81/RecValidate/RecView.aspx?RecordID=53010203402261" target="_blank" class="wjba" rel="nofollow"><img src="//www.reelogic.com/pic/gonganbeian.jpg" border="0" alt="云南网警备案专用图标" width="45" height="50"></a> </div> <div class="c_ga_2" style="width:700px;"> <span>联系电话:0871-65317125(9:00—18:00)</span> <span>获取招聘考试信息及咨询关注公众号:</span> <br> <span>咨询QQ:526150442(9:00—18:00)</span> <span>版权所有:<span style="font-weight: bold; font-family: arial;" id="iwms_cp"><a href="//www.reelogic.com"></a></span></span> </div> <div class="c_ga_3" style="width:200px;"> <a href="http://www.yn.cyberpolice.cn/" target="_blank" class="wjbj" rel="nofollow"><img src="//www.reelogic.com/pic/gonganbj.jpg" border="0" alt="云南网警报警专用图标" width="48" height="52"></a> </div> </div> <!-- <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://www.reelogic.com/hm.js?e5dabc539f2ab7c2f06ff8fce27ffff8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> --> <div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="baidu"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value=""> <input type="submit" id="so360_submit" value="360"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value=""> <input type="submit" id="sogou_submit" value="sougou"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div align="center"><a target="_blank" href="/sitemap.xml">map</a></div></body> </html>