网页头部元素的详细定义
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"
严格的
一种要求严格的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的调用
调用样式表的几种方法(待补充)
应用样式表的优先级
制作一个页面的一般步骤是:
- 分析效果图
- 切图
- 制作成XHTML页面
以上内容是在看《CSS标准网页布局开发指南》时摘录下来的,国庆的时候写到一半有事出去,就一直搁草稿箱里了,差点都还忘了。说实在的,这本书写的不算特别好,不过还是有些东西可以借鉴一下的。
PS:欢迎各位前端爱好者或者大牛交流指教!!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义