谈谈对HTML的认识

1. HTML、XML、XHTML 有什么区别
HTML:超文本标记语言,语法较为松散,不严格的web语言;标签可以不闭合,不区分大小写。
XML:可扩展标记语言,主要用于存储数据和结构,可以自由创建标签;标签必须闭合,严格区分大小写。
XHTML:可扩展超文本标记语言,相较HTML语法更加严格。标签必须闭合,标签必须小写。

2. 怎样理解 HTML 语义化
语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。
语义化的好处是:

  • 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重。
  • 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
  • 方便其他设备的解析
  • 便于团队开发和维护

3. 怎样理解内容与样式分离的原则
HTML负责网页内容(结构)部分,样式则负责了页面的展示效果。内容与样式分离使得内容和样式各自只负责自己的部分,消除两者的耦合。更重要的是分离增强了机器的可读性,使得机器、网络爬虫能更好地理解页面内容。

4. 有哪些常见的meta标签
<meta>标签有两个重要属性name和http-equiv。
4.1 name = "viewport"
设置视口属性,主要是为移动端设备设置显示方式。
4.2 name = "keywords"
设置网页关键字,告诉搜索引擎网页是干什么用的。
4.3 name = "description"
设置网页描述,也是告诉搜索引擎网页是干什么用的。
4.4 name = "author"
标注网站的作者是谁。
4.5 name = "copyright"
标注网站版权信息。
4.6 name = "robots"
robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。
4.7 http-equiv = "X-UA-Compatible" content="IE=edge,chrome=1"
让用户的IE浏览器外观不变,但用户在浏览网页时实际上使用的是Chrome的内核。

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

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
严格模式:是指浏览器按照 W3C 标准解析代码。
混杂模式:是指浏览器用自己的方式解析代码。
浏览器解析时到底使用严格模式还是混杂模式,与网页中的 DTD 直接相关。HTML5中没有了DTD,所以两者也没了区别,文档声明也简化成了<!doctype html>。

6. 浏览器乱码的原因是什么?如何解决
当浏览器解析HTML页面时的编码与实际页面编码不一致时就会产生乱码,主要有两种情况:
6.1 页面没有设置chartset
如果页面没有设置chartset,那么浏览器解析时就会自动选择一种编码,若选择的编码与页面实际编码不一致时就会产生乱码。此时,在页面中添加meta信息将页面chartset设置为合适的编码就可以了。
6.2 页面设置了chartset,但与实际使用的编码不一致
这种情况也会导致编码错位的情况,这时只要修改相应的chartset值就可以了。

7. 常见的浏览器有哪些,什么内核
常见的浏览器有IE系列,FireFox, Chrome, Safari, Opera, 360双核浏览器, 傲游双核浏览器, 搜狗双核浏览器等。他们的内核分别是:
Trident:
IE系列,360双核浏览器,傲游双核浏览器,搜狗双核浏览器;
Gecko:
FireFox;
Webkit:
Safari,360双核浏览器,傲游双核浏览器,搜狗双核浏览器;
Bink:
Chrome, Opera;

8. 列出常见的标签,并简单介绍这些标签用在什么场景
h1~h6:标题标签,应用于页面标题或区块标题标签,字体大小逐级减小,重要程度也逐级减小;
p:段落标签,用于文字中的段落;
a:链接标签,有href, target, title等属性,使用场景有:超链接挑战、设置页面锚点、发送电子邮件等;
img:图片标签,用于设置图片;
div:块标签,用于划分页面结构区块;
ul, li:无序列表标签,用于表示并列的内容;
ol, li:有序列表标签,用于表示带步骤或编号的并列内容;
dl, dt, dd:自定义列表标签,用于展示一系列的“标题,内容”等;
button:按钮标签,用于表示一个按钮;
table, tr, td:表格标签,用表格来展示数据时使用, tr代表行,td代表单元格;
:注释标签,用于在页面上添加注释;

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

推荐阅读更多精彩内容

  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 1,258评论 0 3
  • --- 学习目标: - 了解常用浏览器 - 掌握WEB标准 - 理解标签语义化 - 掌握常用的排版标签 ...
    红豆丁244阅读 1,373评论 0 2
  • 一、HTML、XML、XHTML 有什么区别 1. HTML是什么? 描述网页的一种语言 超文本标记语言 (Hyp...
    饥人谷_CST阅读 799评论 0 7
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 1,386评论 0 4
  • 1.HMML,XML,XHTML有什么区别 1、html即是超文本标记语言(Hyper Text Markup L...
    饥人谷_oathy阅读 613评论 0 1