网页制作10-html,css,javascript初认识の适用XHTML

一、简介:

Xhtml是extensible hypertext markup language的缩写。它是由国际W3C组织制定并公布发行的。是一个过渡技术,结合了部分xml的强大功能及大多数html的简单特性。

Advantage.

  1. Xhtml提倡更简洁规范的代码。
  2. Xhtml.文档在旧的基于的浏览器中,能够表现和在新的基于X html的浏览器中一样出色。
  3. Xhtml是可扩展的语言。既能够利用html的文档对象模型,DOM又能利用xml的文档对象模型。
  4. X html中推荐使用css样式定义页面的外观,并分离了页面的结构和表现,方便利用数据和更换外观。
  5. Xml是web发展的趋势,具有更好的向后兼容性。

二、Xhtml的基本介绍

1、新建文档>>在文档类型选择 xhtml.

2、 HTML的页面结构

3、 X html的语法规范

1)元素必须是完全嵌套的

例如:<body></body>

2)文档格式必须规范

所有的xhtml标记必须被嵌套使用,在html跟标签之中。

3)标签名必须是小写

<b>

4)所有的元素必须有始有终

空的元素也必须有一个结束标签。或者开始标签用/>结束

<br/>

5)用ID属性代替name属性

a,applet,frame,iframe,img,map等有name属性,而在XHTML中除了表单form之外 Name属性不能使用,需要用ID来替代。

6) Doctype声明是不可缺少的。

DOCTYPE必须放在文档的第1行,声明不是X HTML的一部分,也不是文档的一个元素,所以没有必要加上结束标签。

7)属性必须加上英文双引号。

8)明确所有属性的值

在HTML中checked属性是可以不取值的,但是在XHTML中,必须用他自身的名称作为值。

checked="checked"

9)将html网站转换成xhtml。

I、在每个页的首行添加doctype声明。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

II、查找html页面中所有大写标签并替换成小写标签。
III、检查所有属性值是否有双引号。
IV、不允许有空标签,例如<br>需要用<br/>代替。
V、完成以上任务,所有的页需通过W3C官方的校验
VI、如果j觉得手工更改麻烦,在www.w3c.org的网站中有一个开源代码的软件叫HTML TIDY,可以帮助使用者,自动从HTML升级到,Xhtml.。

参考文献:

本文的文字功能介绍部分源于:《HTML、CSS、JAVASCRIPT网页制作从入门到精通》

相关推荐
三十而立洋2 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁3 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
李少兄3 天前
JavaScript 隐式全局变量解析
javascript
沙蒿同学3 天前
我用 Go 搭了一条 AI Agent 流水线:从 1 张商品图到一整套淘宝详情页
前端·javascript·后端
paopaokaka_luck3 天前
智慧社区综合服务小程序(人脸识别、AI问答、Echarts图形化分析)
前端·javascript·spring boot·spring·数据分析·echarts
Hilaku3 天前
为什么死磕 1px 的团队,用户体验反而更差?
前端·javascript·程序员
陈拉斯3 天前
给公司年会写了个大屏抽奖系统:动画在前端跑,凭什么说结果没被改?
javascript
志尊宝3 天前
Vue3 零基础每日笔记(055):组件里正确使用 store——storeToRefs 解构与 $patch 批量修改
笔记·vue·html·前端开发·软件开发
yzy853 天前
Vue中下载或打开文件的JavaScript方法
前端·javascript·vue
用户298698530143 天前
在 React 中用 JavaScript 将 Word 转换为文本
前端·javascript·react.js