初识HTML

HTML、XML、XHTML 有什么区别

一、HTML

HTML是目前web上制作超文本文件的通用格式,需要讲一下预备知识,在浏览器的搜索栏里输入我们的URL(统一资源定位符,eg:http://www.baidu.com ),目的是为了访问这个目标网页,输入URL回车就是向服务器请求我们的目标网页,该网页在就是一个超文本文件,它的格式就是HTML。也就是说HTML是为创建网页而设计的一种标签语言。目的在于显示数据。

特点:
1 不区分大小写
2 标记不是所有的都成对出现eg:<img>属于自闭合标签
3 有预定义标签

二、XHTML

XHTML可扩展超文本标记语言,表现方式与超文本标记语言HTML类似,不过语法上更加严格。eg:以前我们可以这样写<p><b></p></b>,但是XHTML必须<p><b></b></p>。XHTML是在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

三、XML

可扩展标记语言,一种类似于HTML的标记语言。设计的意图是用来传输数据的。

特点:
1 区分大小写
2 任何的起始标签都必须有一个结束标签
3 可以采用另一种简化语法,可以在一个标签中同时表示起始和结束标签。这种语法是在大于符号之前紧跟一个斜线(/).eg:<xmltest/>
4 所有的特性都必须在值的周围加上双引号。
5 所有的特性都必须有值。

怎样理解 HTML 语义化

  • 什么是语义化
    语义化是指机器在需要更少的人类干预的情况下能够研究和收集信息,是标签和属性都能直观的被理解。

  • 语义化的目的
    1 便于搜索引擎的抓取
    2 便于机器和人理解

  • 怎么语义化、
    1尽可能少的使用无语义的标签div和span;
    2 在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利;
    3 不要使用纯样式标签,如:b、font、u等,改用css设置。
    4 需要强调的文本,可以包含在strong或者em标签中(浏览器预设样式,能用CSS指定就不用他们),strong默认样式是加粗(不要用b),em是斜体(不用i);
    5 使用表格时,标题要用caption,表头用thead,主体部分用tbody包围,尾部用tfoot包围。表头和一般单元格要区分开,表头用th,单元格用td;
    6 表单域要用fieldset标签包起来,并用legend标签说明表单的用途;
    7 每个input标签对应的说明文本都需要使用label标签,并且通过为input设置id属性,在lable标签中设置for=someld来让说明文本和相对应的input关联起来。

怎样理解内容与样式分离的原则

所谓的内容与样式的分离值得是HTML和CSS,HTML决定了网页的内容,而CSS决定了网页的样式,那么分离的意义在于同封装的意义类似,可以提高代码的复用性,避免牵一发而动全身,也就是提一个小需求就要牵扯到整个框架结构。

有哪些常见的meta标签

  • <meta name="keywords" content=""> //向搜索引擎说明你的网页的关键词
  • <meta name="description" content=""> //告诉搜索引擎你的站点的主要内容
  • <meta name="author" content="你的姓名"> //告诉搜索引擎你的站点的制作的作者
  • <meta http-equiv="Content-Type" content="text/html";charset=utf-8"> //指定字符集
  • <meta http-equiv="refresh" content="n;url="> //定时让网页在指定的时间n内跳转 到url指定网页
  • <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> //可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式
  • <meta http-equiv="pragma" content="no-cache"> //禁用缓存
  • <meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT"> //cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式

文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?

<!DOCTYPE html>的作用是告诉浏览器以何种模式解析代码。

  • 严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。
    在现有有doctype声明的网页,绝大多数是采用strict mode进行解析渲染。

  • 混杂模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码。以下三种情况下使用该模式
    a. 当网页上没有doctype声明的;
    b. 当网页上的doctype解析出错的;
    c. 在doctype声明中,没有使用DTD声明或者使用HTML4以下(不包括HTML4)的DTD声明的。

浏览器乱码的原因是什么?如何解决

浏览器的解码方式和网页的编码方式不同,
在HTML文档的<head>标签内加入 <meta charcet="编码 ">告诉浏览器用什么 编码。

常见的浏览器有哪些,什么内核

浏览器 内核
Internet Explore IE内核
Opear Presto
Firefox Gecko
Safari&Chromr Webkit
国内大部分浏览器 IE内核
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,616评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,020评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,078评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,040评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,154评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,265评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,298评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,072评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,491评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,795评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,970评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,654评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,272评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,985评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,815评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,852评论 2 351

推荐阅读更多精彩内容

  • HTML、XML、XHTML 有什么区别 1.HTML 是用来描述网页的一种语言,指的是超文本标记语言 (Hype...
    饥人谷_牛牛阅读 687评论 0 2
  • 一、HTML、XML、XHTML 有什么区别 HTML: 超级文本标记语言是标准通用标记语言下的一个应用,也是一种...
    淡然7698阅读 238评论 0 1
  • 1.HTML、XML、XHTML 有什么区别 HTML: 超文本标记语言,是语法较为松散的、不严格的Web语言 对...
    饥人谷_米弥轮阅读 438评论 0 1
  • 1.html、xml、xhtml HTML HTML(Hyper Text Mark-up Language)即超...
    饥人谷_小侯阅读 444评论 0 1
  • 偶然读到“寄蜉蝣于天地,渺沧海之一粟。”一首苏轼的《赤壁赋》,勾起了学生时代的各种回忆。 仍记得爱上背书是因为小学...
    刘亦然阅读 474评论 0 1