zoukankan      html  css  js  c++  java
  • 网页头部元素的详细定义

    DOCTYPE的选择

    什么是DOCTYPE

    DOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML的版本)。要想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。

    选择什么样的DOCTYPE

    在XHTML 1.0中有3种DTD(文档类型定义)声明可以选择:过渡的(Transitional)、严格的(Strict)和框架(Frameset)的。分别介绍如下:

    过渡的

    一种要求很不严格的DTD,允许在页面中使用HTML 4.01的标识(符合xhtml的语法标准)。过度DTD的写法如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transtional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transtional.dtd">

    严格的

    一种要求严格的DTD,不允许使用任何表现层标识和属性,例如<br/>等。严格的DTD写法如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    框架的

    一种专门针对框架页面所使用的DTD,当页面中含有框架元素时候,就要采用这种DTD。写法如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    名字空间问题

    名字空间的英文是namespace,其含义就是通过一个网址指向来识别页面上的标签。在XHTML中使用的是"xmlns"(XHTML namespace的缩写),用来识别XHTML页面上的标签的网址指向的是http://www.w3.org/19999/xhtml

    关于名字空间定义的完整写法如下:

    <html xmlns=http://www.w3.org/1999/xhtml>

    当采用可视化的网页开发工具(例如Dreamweaver等)新建文档时,选择适当格式的文档类型,DOCTYPE的声明和名字空间的生命都会自动生成。

    编码问题

    meta标签

    1.关键字(Keywords)

    为搜索引擎提供的关键字,语法结构如下:

    <meta name="Keywords" content="关键词1,关键词2,关键词3">

    2.简介(Description)

    用来为搜索引擎声明网站主要内容。语法结构如下:

    <meta name="Decription" content="网站简介">

    3.搜索机器人向导(Robots)

    为搜索机器人指定需要索引的页面和不需要索引的页面。语法结构如下:

    4.站点作者信息(Author)

    为站点声明作者。语法结构如下:

    <meta name="Author" content="陈映平">

    5.站点版权信息(Copyright)

    为站点声明版权。语法结构如下:

    <meta name="Copyright" content="陈映平所有,仿冒不究">

    CSS的调用

    调用样式表的几种方法(待补充)


    应用样式表的优先级

    制作一个页面的一般步骤是:

    1. 分析效果图
    2. 切图
    3. 制作成XHTML页面

    以上内容是在看《CSS标准网页布局开发指南》时摘录下来的,国庆的时候写到一半有事出去,就一直搁草稿箱里了,差点都还忘了。说实在的,这本书写的不算特别好,不过还是有些东西可以借鉴一下的。

    PS:欢迎各位前端爱好者或者大牛交流指教!!

  • 相关阅读:
    微信公众号的开通
    支付宝同步请求检查appid,以及公钥,私钥是否正确
    检查支付宝异步通知是否正确
    支付宝开发者中心添加应用
    js中undefined和null的区别
    判断前端<input>标签是否选中(批量删除时,批量选择复选框)
    P1396 营救+二分+BFS
    P1396 营救+生成树
    P1396 营救+最短路
    P1195 口袋的天空
  • 原文地址:https://www.cnblogs.com/chyingp/p/1849292.html
Copyright © 2011-2022 走看看