XHTML 简介
1. 什么是XHTML?
XHTML指的是可扩展超文本标记语言
XHTML与HTML4.0几乎是相同的
XHTML是更严格更纯净的HTML版本
XHTML是以XML应用的方式定义HTML
XHTML得到所有主流浏览器的支持
2. 为什么使用XHTML
为了代码的完整性和良好性
3. 文档声明:
DTD: 规定了使用通用标记语言的网页语法
4. 三种XHTML文档类型
STRICT(严格类型)
TRANSTIONAL(过度类型)
FRAMESET(框架类型)
例: 不规范的书写方式, 虽然在浏览器中能显示出来, 但是为后续开发和维护带来很大的问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>XHTML</title> </head> <body> <!-- 书写格式不规范 --> <h1>这是一个标题 <p>大家好 abcd <A href="index.html">index</A> </body> </html>
下面是介绍XHTML的正确语法.
XHTML元素
XHTML元素语法:
XHTML元素必须正确嵌套
XHTML元素必须始终关闭
XHTML元素必须小写
XHTML文档必须有一个根元素
例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>XHTML</title> </head> <!-- 文档必须有个更元素 比如 html, head, body --> <body> <!--元素必须小写--> <!-- 正确的嵌套 h1标签 嵌套 p标签 --> <h1><p>hello</p></h1> <!-- 错误的嵌套 --> <h1><p>hello</h1></p> <!-- 元素必须始终关闭 --> <h1></h1> <br/> </body> </html>
XHTML属性
XHTML属性语法规则:
XHTML属性必须小写
XHTML属性值必须用引号包围
XHTML属性最小化也是禁止的
例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>XHTML</title> </head> <body> <!-- 属性必须小写, 值用双引号包围 --> <table width="100"></table> <form> <!-- 属性禁止最小化(简写) 比如type="button" 不能直接写button --> <input type="button"> </form> </body> </html>
南心芭比: 热爱分享, 收获快乐~