XHTML是一种严格符合XML规范的标记语言,它的基本语法和HTML类似,但是更加严谨和规范。XHTML的代码结构非常清晰,方便浏览器和搜索引擎解析。下面是一些XHTML的基础知识和代码示例:
在XHTML文档的开头,需要声明DTD,告诉浏览器和解析器这是一个XHTML文档,而不是HTML文档。XHTML 1.0的DTD声明如下:
- html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML文档的基本结构由、
和三个元素组成。其中,元素用于定义文档的头部信息,元素用于定义文档的主体内容。以下是一个基本的XHTML文档结构:- html>
- <html>
- <head>
- <title>页面标题title>
- <meta charset="UTF-8">
- head>
- <body>
- 页面内容
- body>
- html>
XHTML的元素和属性和HTML类似,但是更加严谨和规范。每个XHTML元素都必须有一个关闭标签或者是使用自闭合标签。以下是一个简单的XHTML代码示例:
- <p class="intro">这是一个段落。p>
- <img src="image.jpg" alt="图片" />
在上面的代码中,
元素有一个class属性,用于定义样式,元素有一个src属性,指定图片的地址,还有一个alt属性用于定义图片的替代文本。
XHTML可以使用CSS和JavaScript来定义样式和操作文档。以下是一个简单的XHTML代码示例:
- html>
- <html>
- <head>
- <title>页面标题title>
- <meta charset="UTF-8">
- <style type="text/css">
- .intro {
- font-size: 16px;
- color: red;
- }
- style>
- <script type="text/javascript">
- function sayHello() {
- alert("Hello World!");
- }
- script>
- head>
- <body>
- <p class="intro">这是一个段落。p>
- <button onclick="sayHello()">点击这里button>
- body>
- html>
在上面的代码中,