1、分别是什么
HTML
-
HTML 指的是超文本标记语言(Hyper Text Martup Language)
-
HTML 不是一种编程语言,而是一种标记语言 (markup language)
-
标记语言是一套标记标签 (markup tag)
-
HTML 使用标记标签来描述网页
-
HTML 是为了显示数据 是一个外观
XHTML
-
XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language)/。
-
XHTML 的目标是取代 HTML。
-
XHTML 与 HTML 4.01 几乎是相同的。
-
XHTML 是更严格更纯净的 HTML 版本。
-
XHTML 是作为一种 XML 应用被重新定义的 HTML。
-
XHTML 元素必须正确嵌套
-
XHTML 元素必须始终关闭
-
XHTML 元素必须小写
-
XHTML 文档必须有一个根元素
html/xhtml 格式演示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html>
-
XML
-
XML 指可扩展标记语言
-
XML是一种标记语言 很类似HTML
-
XML 的设计宗旨是传输数据 而非显示数据
-
XML 标签没有预定义 需要自行定义标签
-
XML 被设计为具有自我描述性
-
XML 主要是为了传输数据 保存数据 是一个东西的内容 相当于
-
XML 是W3C的推荐标准
-
必须有根元素
<root> <child> <subchild>.....</subchild> </child> </root>
例:格式 Tove 给jani 写的一封信
<?xml version="1.0" encoding="UTF-8"?> <!-- 必须有开始和结束标签 <note></note> --> <note> <to>Tove</to> <!-- <to>是自定义标签 --> <from>Jani</from> <heading>Reminder</heading> <body>Don't forget me this weekend!</body> </note>
2、区别
1、xhtml对比与html,xhtml文档具有良好完整的排版,体现在两方面:a、元素必须要有结束标签;b、元素必须嵌套;
2、对于html的元素和属性,xhtml必须小写,因为xml是严格区分大小写的,
- 和
- 是不同的标签;
-
3、xhtml的属性值必须在引号之中;
4、xhtml不支持属性最小化,什么是属性最小化了?
正确:非最小化属性(unminimized attributes)
<input checked="checked">
不正确:最小化属性(minimized attributes)
<input checked>
5、 在xhtml中,name属性是不赞成使用的,在以后的版本中将被删除。
6、网页编码是从 html > >xhtml>> xml 发展
3、如何理解HTML语义化
语义化理解:<基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等>
根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析
4、如何理解内容与样式分离的原则
- 写HTML的时候先不管样式, 重点放在HTML的结构和语义化上,让 HTML 能体现页面结构或者内容。之后再去写样式。
- 写JS的时候,尽量不要用JS去直接操作样式,而是通过给元素添加删除class来控制样式变化
- HTML 内不允许出现属性样式,尽量不要出现行内样式
强烈建议去看:内容与样式分离的原则
5、常见的meta标签
通常所说的META标签,是在HTML网页源代码中一个重要html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。
常见的有:
1.主要用于:帮助主页被搜索引擎登录
<meta name="keywords" content="博客"> <meta name="description" content="内容描述">
2.主要用于:定义页面的使用语言
<meta http-equiv=“content-Type” content="text/html; charset=utf8">
3.访问地址
<meta http-equiv="refresh" content="10";URL="http://www.baidu.com">
4.自动刷新并指向新的页面
<meta http-equiv="Page-Enter" content="revealTrans(durantion=6.0,transition=30)">
5.页面转换时的动画效果
<meta http-equiv="Page-Exit" content="revealTrans(duration=6.0,transition=30)">
6.网页定级评价
<meta http-equiv="PlCS - Label" content='(PICS - 1.1 "http://www.baidu.com/01.html")'> I gen true comment "RSACi North America Sever" for "http://www.rsac.org" on "2001.08.16T08:15 -0500" r(n 0 s 0 v 0 l 0)>
7.控制页面缓冲
<meta http-equiv="expires" content="Friday,12-Jan-2001 18:18:18 GMT">
8.控制网页显示的窗口
<meta http-equiv="window-target" content="_top">