当前位置: 首页 > news >正文

网页制作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网页制作从入门到精通》

相关文章:

  • 【Elasticsearch】(Java 版)
  • springai系列(二)从0开始搭建和接入azure-openai实现智能问答
  • 基于LangChain的智能体开发实战
  • MySQL之解决表中存储类型为[1,2,3]这样的字符串中去除括号[]和逗号‘,‘的问题(FIND_IN_SET+replace)
  • Python--模块(下)
  • 【北京迅为】itop-3568 开发板openharmony鸿蒙烧写及测试-第1章 体验OpenHarmony—烧写镜像
  • Rust 图形界面开发——使用 GTK 创建跨平台 GUI
  • Python 的历史进程
  • Redis的Spring配置
  • 【论文详解】Transformer 论文《Attention Is All You Need》能够并行计算的原因
  • python-leetcode 45.二叉树转换为链表
  • 华为MindIE兼容OpenAI接口与兼容vLLM OpenAI接口的区别(华为VLLM)
  • 企业级AI办公落地实践:基于钉钉/飞书的标准产品解决方案
  • 在阿波罗自动驾驶框架中, 全局路径规划用什么算法
  • drupal是否有翻译的功能,只需要提供文本对应的翻译,自动添加一种语言的所有页面,将对应的文本进行替换
  • windows 下 使用Python OpenCV针对 压缩的tiff 图像进行解压缩 并转换成多张jpeg 图像
  • Asp.Net Web API| React.js| EF框架 | SQLite|
  • Excel的两个小问题解决
  • 如何将图片档案信息读取出来?并把档案信息相关性进行关联
  • Spark技术系列(二):深入理解RDD编程模型——从原理到生产实践
  • 中方敦促美国停止将溯源问题政治化
  • 竞彩湃|水晶宫夺冠后乘胜追击,四大皆空曼城人间清醒?
  • 中方对美俄领导人就俄乌冲突进行通话有何评论?外交部回应
  • 重庆对外经贸学院通报:一学生在体育课后不慎坠入化粪池,不幸遇难
  • 住建部:目前已累计建设改造各类市政管网50万公里
  • 英伟达回应在上海设立新办公空间:正租用一个新办公空间,这是在中国持续深耕的努力