XHTML

1.XHTML：
    可扩展超文本标记语言，是XML与HTML的结合体，是更纯净、严格的HTML，目标是取代HTML。有了HTML，我们为什么还需要XHTML？由于历史原因(主要是浏览器的兼容性)，HTML的写法很随意，比如可以省略关闭标签、不正确嵌套等等，在PC端都可以被显示出来，但是在移动端就显得不是那么友好，因此我们需要更严格的HTML。
    
2.不同点：
    XHTML元素需要被正确嵌套
    XHTML元素需要被关闭    <br />    <hr />    <img src="..." alt="..." />
    标签名使用小写
    XHTML文档需要有根元素
    属性值必须加引号
    建议使用id取代name
    属性不要简写    
    <input type="radio" checked="checked" />    <input type="radio" checked />

3.空元素关闭标签：
    在 "/" 符号前添加一个额外的空格
    <br />    <hr />
    
4.一个最简单的XHTML：

    <!DOCTYPE html
                PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
        <head>
            <title>simple document</title>
        </head>
        <body>
            <p>a simple paragraph</p>
        </body>
    </html>

    
5.XHTML文档的3种声明(DTD)：
    DTD规定了使用通用标记语言的网页的语法

    //strict：需要干净的标记，避免表现上的混乱。请与层叠样式表配合使用
    <!DOCTYPE html
                PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    //transitional：需要利用HTML在表现上的特性时，并且当需要为那些不支持层叠样式表的浏览器编写XHTML时
    <!DOCTYPE html
                PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    //frameset：需要使用HTML框架将浏览器窗口分割为两部分或更多框架时
    <!DOCTYPE html
                PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
                "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 
    注意：如果希望将页面验证为正确的XHTML，那么页面中必须含有文件类型声明。XHTML文档是根据声明(DTD)进行验证的。只有将正确的DTD放在首行，文档才会被验证。

6.结构化--使用XHTML重构网站：
    为表达语义而标记文档，而不是为了样式
    通过使用CSS，将表现从结构中分离
    根据意义使用元素，而不是它们的外观
    使用结构化的元素，而不是无意义的垃圾
    借用div与ID

posted @ 2019-06-07 12:34  快与慢  阅读(772)  评论(0)  编辑  收藏  举报