HTML知识点

HTML、XML、XHTML有什么区别

1、HTML是超文本标记语言(Hyper Text Markup Language)通过标记符号来标记要显示的网页中的各个部分。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。但是由于时间早,规范不是很好,大小写混写且编码不规范;
2、XHTML是升级版的HTML(Extensible Hyper Text Markup Language)在XHTML中对HTML进行了规范,基本语言都还是沿用的HTML的标签,只不过废除了部分表现层的标签,同时在标准上要求有提高比如标签的严格嵌套,标签结束等等,编码更加严谨纯洁。XHTML是一种过渡语言,HTML向XML过渡的语言;
3、XML是可扩展标记语言(Extensible Markup Language),是一种跨平台语言,编码更自由,可以自由创建标签。
XML与HTML的区别:
 (1.XML的语法要求很严谨,HTML较为随意
 (2.XML是被设计用来描述数据的,重点是:什么是数据,如何存放数据。HTML是被设计用来显示数据的,重点是:显示数据以及如何显示数据更好上面。
4、网页编码从HTML>XHTML>XML这个过程发展。

怎样理解 HTML 语义化

什么是HTML的语义化?

根据内容的结构化,选择合适的标签,有利于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

为什么要做到语义化?

1.在没有CSS情况下,可以让呈现的内容结构化,做到内容与样式的分离
2.有利于SEO(搜索引擎优化),让网络爬虫更好的爬取更多有效信息
3.便于其他开发人员的开发与维护
4.方便其他终端对页面内容的解析

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

内容与样式的分离实质上指将内容的结构交给HTML,通过怎么样的形式呈现交给CSS
1.让文档代码更加清晰可读
2.便于后期对文档样式的统一或批量的修改

有哪些常见的meta标签?

meta是html语言head区的一个辅助性标签。meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!
meta标签一共有三个属性:
http-equiv 把content属性关联到HTTP头部。
name 把 content 属性关联到一个名称。
content 定义用于翻译 content 属性值的格式。

name属性

<meta name="参数"content="具体的参数值">
可选参数:
(1)keyword 用来告诉搜索引擎你的网页的关键字是什么
(2)description 用来告诉搜索引擎你的网页的的主要内容
(3)robots 用来告诉搜索引擎哪些页面需要索引,哪些页面不需要索引
content的设定:
设定为all:文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。
(4)author 表示网页的作者是谁
(5)generator 表示网站采用什么软件制作
(6)COPYRIGHT 表示网站的版权信息
(7)revisit-after 表示你希望让爬虫多长时间再次爬取你的网页

http-euqiv属性

<meta http-equiv="参数"content="参数变量值">;
(1)Expires(期限) 用于设定网页的到期时间,一旦网页过期,必须到服务器上重新传输
(2)Pragma(cache模式) 禁止浏览器从本地计算机的缓存中访问页面内容。(这样设定,就让脱机浏览无效)
(3)Refresh 设定在本网站停留多长时间并且自动刷新到新的网址
(4)Set-Cookie(cookie设定) 如果网页过期,存在本地的cookie将被删除
(5)Window-target(显示窗口的设定) 强制页面在当前窗口以独立页面显示。用来防止别人在框架里调用自己的页面
(6)content-Type(显示字符集的设定) 设定页面使用的字符集
(7)content-Language(显示语言的设定)
(8)Cache-Control指定请求和响应遵循的缓存机制。

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

文档声明的作用?

让浏览器知道要使用什么什么模式来呈现当前页面

严格模式和混杂模式指的是什么?

严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。
混杂模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码。
如何区分:浏览器解析时到底使用严格模式还是混杂模式,与网页中的 DTD 直接相关。
1、如果文档包含严格的 DOCTYPE ,那么它一般以严格模式呈现。(严格 DTD ——严格模式)
2、包含过渡 DTD 和 URI 的 DOCTYPE ,也以严格模式呈现,但有过渡 DTD 而没有 URI (统一资源标识符,就是声明最后的地址)会导致页面以混杂模式呈现。(有 URI 的过渡 DTD ——严格模式;没有 URI 的过渡 DTD ——混杂模式)
3、DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现。(DTD不存在或者格式不正确——混杂模式)
4、HTML5 没有 DTD ,因此也就没有严格模式与混杂模式的区别,HTML5 有相对宽松的语法,实现时,已经尽可能大的实现了向后兼容。( HTML5 没有严格和混杂之分)
意义:严格模式与混杂模式存在的意义与其来源密切相关,如果说只存在严格模式,那么许多旧网站必然受到影响,如果只存在混杂模式,那么会回到当时浏览器大战时的混乱,每个浏览器都有自己的解析模式。

<!doctype html> 的作用?

HTML5标准网页声明,告知浏览器采用HTML5规范

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

浏览器用来解析该文件编码格式与文件保存所使用编码格式不一致时,就会导致乱码

解决方法

1.在meta标签中设置正确字符集(charset)属性
2.切换浏览器的编码方式

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

常见浏览器

1.IE
2.Google Chrome
3.Firefox
4.Safari
5Opera

内核(也称渲染引擎)

1.Trident(IE内核)
2.Gecko (Firefox的内核)
3.Presto (Opera的内核)
4.Webkit (苹果公司的内核,用于Safari)

列出常见的标签,并简单介绍这些标签用在什么场景

h 标签

表示标题 h1-h6

p 标签

表示段落

a 标签

表示一个连接 通常使用 target / herf / title 属性

div 标签

表示一块, 通常用于分割页面布局

ul li 标签

表示一个无序列表

ol li 标签

表示一个有序列表

dl dt dd 标签

表示一个定义性的列表,对于一个或多个术语进行解释

strong em span

表示语气的加强,strong表示强烈 em表示轻微加强 span表示无特殊意义

iframe 标签

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
(使用这个元素要注意跨域操作,JavaScript是不允许跨域操作的)

table 标签

用于展示一个表格,为了更好的实现语义化,不要将table标签用于分割网页布局

meta 标签

meta是html语言head区的一个辅助性标签。meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等

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

推荐阅读更多精彩内容

  • 1.什么是HTML? HTML是用来描述网页的一种语言 HTML指的是超文本标记语言(Hyper Text Mar...
    billa_8f6b阅读 290评论 0 1
  • 一、什么是HTML? HTML是用来描述网页的一种语言 HTML指的是超文本标记语言(Hyper Text Mar...
    饥人谷_晨曦阅读 369评论 0 2
  • 一.HTML、XML、XHTML 有什么区别 什么是 HTML? HTML 指的是超文本标记语言 (Hyper T...
    Sunset125阅读 682评论 0 1
  • 什么是HTML? HTML指的是超文本标记语言 HTML不是一种编程语言,而是一种标记语言 标记语言是一套标记标签...
    Echolate阅读 432评论 0 1