html xml xhtml
html
超文本标记语言——Hyper Text Markup Language、是描述网页的一种语言、“超文本”是指在单个网站内或网站之间将网页彼此连接的链接、HTML 使用“标记”(markup,亦作 tag)来注明文本、图片和其他内容,以便于在 Web 浏览器中显示。
<html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>标题</h1> <p>d段落</p> </body> </html>
html5
html5是对html标准的第5次修订,增加了很多新的内容,具体的可以往下看。我们再看一下html标准发展的历程
html ===》 html+===》 html2===》 html3 ===》 html4 ===》 xhtml ===》 html5
你可能会问 xhtml 这是个什么鬼?了解这个之前我们先要说一下xml是什么东西
xml
XML 指可扩展标记语言(EXtensible Markup Language)、XML 是一种标记语言,很类似 HTML、XML 的设计宗旨是传输数据,而非显示数据、XML 被设计用来结构化、存储以及传输信息。HTML 被设计用来显示数据,下面是一份xml文件、然后我们接着说什么是xhtml
<?xml version="1.0" encoding="ISO-8859-1"?> <note> <to>George</to> <from>John</from> <heading>Reminder</heading> <body>Don't forget the meeting!</body> </note>
xhtml
可扩展超文本标记语言(eXtensible Hyper Text MarkupLanguage,XHTML),我们为什么要使用他呢,我们看一下下面的代码
<html> <head> <title>This is bad HTML</title> <body> <h1>Bad HTML <p>This is a paragraph </body>
这份代码很多标签根本就没有闭合,但是也可以显示页面,即便他未能准守html标准。上面的xml是一种必须正确标记且格式良好的标记语言、而且今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行,而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释“糟糕”的标记语言的资源和能力。所以 - 通过结合 XML 和 HTML 的长处,开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。
xhtml的一些特点
XHTML 元素必须正确嵌套
XHTML 元素必须始终关闭
XHTML 元素必须小写
XHTML 文档必须有一个根元素
XHTML 属性必须使用小写
XHTML 属性值必须用引号包围
XHTML 属性最小化也是禁止的
XHTML是基于HTML 4的,并没有引入任何新标签或属性,唯一的区别是语法,HTML对语法比较随便,而 XHTML则要求XML般的严格语法。使用严格的语法规范并非坏事,要求开发者使用单一的代码风格,比如,HTML4允许你使用大写或小写字母标识标记元素和属性,XHTML则只 允许小写字母。只要遵循这个标准,Web的所有争端将得以解决.但问题是, 很多WEB从业人员比较讨厌XHTML, 我们想要的是改进HTML 4而不是去遵循一个新的标准.。更喜欢原有HTML的灵活性。所以后来的html5标准我认为其实是一种妥协、HTML5.它兼容HTML4.01的大部分, 并且还提供了一些新特性, 如用于媒介回放的 video 和 audio 元素,新的表单控件。而且现在比较著名的浏览器厂商也在积极响应html5,所以未来可期
html5的新特性
后面可能会做详细的教程,大家期待一下喽
用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article、footer、header、nav、section 新的表单控件,比如 calendar、date、time、email、url、search
再说一个题外话,<!DOCTYPE html> 现在我们的htm页面的这句话代表什么含义呢?<!DOCTYPE> 声明不是 HTML 标签;声明文档类型、它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令 、在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种:<!DOCTYPE html>,那我们为什么一定要加上这句话呢?浏览器解析分为两种模式:怪异模式,标准模式,浏览器使用W3C的标准解析渲染页面。浏览器默认的就是怪异模式,如果不加,那么浏览器就会按照自己的方式解析页面,所以在不同的浏览器上页面渲染的方式不一样哟,如果你不想自找麻烦的话...。如果有的话,浏览器就会按照标准的方式解析。
- 代码审计|PHP代码执行函数进阶版实力上线了!
- Golang中巧用defer进行错误处理
- Unity应用架构设计(10)——绕不开的协程和多线程(Part 2)
- 厚土Go学习笔记 | 07. 基本类型
- Unity应用架构设计(11)——一个网络层的构建
- Go语言·Web调优详解
- Unity应用架构设计(12)——AOP思想的实践
- 厚土Go学习笔记 | 26. 函数闭包
- 学会代码执行函数,让老哥带你勇闯天涯!
- ASP.NET Core知多少(6):VS Code联调Angular + .NetCore
- 线程安全知多少
- Parallel线程安全问题
- 厚土Go学习笔记 | 25. 函数值 函数是函数也是值
- GoStub框架使用指南
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- fpga实现YCbCr422转YCbCr444
- ES系列之原理copy_to用好了这么香
- 面试官写了个双冒号::问我这是什么语法?Java中有这玩意?
- 【基础篇】一步一步实现c#与halcon联合编程
- Kafka生产者的使用和原理
- 12个非常适合做外包项目的开源后台管理系统
- R 语言根据条件判断返回ABCD状态
- 贪心法
- MySQL分布式逻辑备份
- OpenGL ES 相机 LUT 滤镜
- Siem落地方案:初识clickhouse
- FFmpeg + OpenGL ES 实现 3D 全景播放器
- 手把手教你自定义实现一个npm audit
- 异步神器CompletableFuture
- IoT安全测试指北