网页头部元素的详细定义

简介:

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:欢迎各位前端爱好者或者大牛交流指教!!

相关文章
|
2天前
|
SpringCloudAlibaba 负载均衡 Dubbo
微服务架构下Feign和Dubbo的性能大比拼,到底鹿死谁手?
本文对比分析了SpringCloudAlibaba框架下Feign与Dubbo的服务调用性能及差异。Feign基于HTTP协议,使用简单,适合轻量级微服务架构;Dubbo采用RPC通信,性能更优,支持丰富的服务治理功能。通过实际测试,Dubbo在调用性能、负载均衡和服务发现方面表现更出色。两者各有适用场景,可根据项目需求灵活选择。
339 123
微服务架构下Feign和Dubbo的性能大比拼,到底鹿死谁手?
|
1天前
|
Java 数据库 数据安全/隐私保护
Spring 微服务和多租户:处理多个客户端
本文介绍了如何在 Spring Boot 微服务架构中实现多租户。多租户允许单个应用实例为多个客户提供独立服务,尤其适用于 SaaS 应用。文章探讨了多租户的类型、优势与挑战,并详细说明了如何通过 Spring Boot 的灵活配置实现租户隔离、动态租户管理及数据源路由,同时确保数据安全与系统可扩展性。结合微服务的优势,开发者可以构建高效、可维护的多租户系统。
179 127
|
5天前
|
人工智能 JavaScript 测试技术
Qwen3-Coder入门教程|10分钟搞定安装配置
Qwen3-Coder 挑战赛简介:无论你是编程小白还是办公达人,都能通过本教程快速上手 Qwen-Code CLI,利用 AI 轻松实现代码编写、文档处理等任务。内容涵盖 API 配置、CLI 安装及多种实用案例,助你提升效率,体验智能编码的乐趣。
436 106
|
1天前
|
Web App开发 前端开发 API
在折叠屏应用中,如何处理不同屏幕尺寸和设备类型的样式兼容性?
在折叠屏应用中,如何处理不同屏幕尺寸和设备类型的样式兼容性?
212 124
|
5天前
|
JSON fastjson Java
FastJson 完全学习指南(初学者从零入门)
摘要:本文是FastJson的入门学习指南,主要内容包括: JSON基础:介绍JSON格式特点、键值对规则、数组和对象格式,以及嵌套结构的访问方式。FastJson是阿里巴巴开源的高性能JSON解析库,具有速度快、功能全、使用简单等优势,并介绍如何引入依赖,如何替换Springboot默认的JackJson。 核心API: 序列化:将Java对象转换为JSON字符串,演示对象、List和Map的序列化方法; 反序列化:将JSON字符串转回Java对象,展示基本对象转换方法;
|
6天前
|
缓存 JavaScript 前端开发
JavaScript 的三种引入方法详解
在网页开发中,JavaScript 可通过内联、内部脚本和外部脚本三种方式引入 HTML 文件,各具适用场景。本文详解其用法并附完整示例代码,帮助开发者根据项目需求选择合适的方式,提升代码维护性与开发效率。
211 110