美文网首页
html基础知识扫盲

html基础知识扫盲

作者: 饥人谷_秦勤 | 来源:发表于2017-07-11 23:53 被阅读0次

1.HTML、XML、XHTML 的区别

HTML:是HyperText Markup Language的简称,即超文本标记语言,是最早写网页的语言,但是由于时间早,规范不是很好,如大小写混写且编码不规范。
XML:是Extensible Markup Language的简称,即可扩展标记语言,主要用于存储数据和结构,可扩展。编码上起始和结束的标签相匹配,嵌套标签不能相互嵌套,区分大小写。
XHTML:是Extensible Hyper Text Markup Language的简称,可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格,针对HTML进行了规范,编码更加严谨。

2怎么理解.HTML语义化

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

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

HTML负责内容,CSS负责样式(可视化),JavaScript负责交互。简单来将,html构造了人的骨架,css负责修改的外貌,js就是负责躯干运动。尽量不要把CSS代码内联进HTML代码里,而是用link引入CSS,这样更方便维护HTML与CSS代码,JS改变CSS也尽量通过增删class的方式。

4.常见的meta标签

meta元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词;<meta> 标签位于文档的头部,不包含任何内容;<meta> 标签的属性定义了与文档相关联的名称/值对。
meta标签有两个常见的属性,分别是http-equiv属性和name属性:

<!-- 声明编码方式 -->
<meta charset='utf-8' />
<!-- 优先使用IE最新版本和Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。 -->
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<!-- 页面关键词 -->
<meta name="keywords" content="关键词1,关键词2,..." />

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

文档声明用来告知浏览器当前文档所使用的HTML或XHTML规范,便于浏览器解析页面
严格模式指在文档开头明确申明了文档类型,整个页面只有这一种文档类型;混杂模式指文档开头不明确申明,由浏览器来自行判断页面的文档类型,可以兼容各类型。
<!doctype html>是用来声明当前文档为html5

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

乱码的原因:一般是文档没有声明自身的编码导致浏览器错误地使用了与文档不同的解码方式,从而导致内容无法正常显示
解决方法:记得声明编码方式,并在保存的时候选择同样的编码方式

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

浏览器内核主要指的是浏览器的渲染引擎,浏览器内核主要指的是浏览器的渲染引擎,2013 年以前,代表有 Trident(IE),Gecko(Firefox),Webkit(Safari Chrome 等)以及 Presto(Opera)
IE浏览器——Trident内核
chrome浏览器——WebKit内核
FireFox浏览器——Gecko内核
Opera浏览器——Presto内核
Safari浏览器——WebKti内核
国产浏览器——所谓的双内核,就是指Trident和WebKit

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

html,根标签,包括整个网页
head,头部标签
body,主体标签
h1~h6,标题
p,段落
a,链接
img,图片
div,语义为“一大块”,用于给页面划分区块,让结构更清晰
ul li ,无需列表
ol li,有序列表
dl dt dd,定义列表
table thead tbody tfoot tr td,表格相关标签
em,strong ,强调,着重,后者强调性更强
span,行内分区元素,最简单的inline元素(常用于为元素分组、页面布局)
iframe,用于嵌入一个页面 注意跨域操作问题

相关文章

  • html基础知识扫盲

    1.HTML、XML、XHTML 的区别 HTML:是HyperText Markup Language的简称,即...

  • HTML扫盲

    1、基本结构 第一行是文档声明,第二行“ ”标签和最后一行“ ”定义html文档的整体,“ ”标签中的‘lang=...

  • HTML【扫盲篇】

    W3C 简介 万维网联盟(World Wide Web Consortium,W3C),又称W3C理事会,是万维网...

  • 高级面试题

    170+道钉钉前端扫盲知识点 基础知识 基础知识主要包含以下几个方面: 基础:计算机原理、编译原理、数据结构、算法...

  • HTML基础知识

    HTML基础知识 HTML的历史:HTML,XHTML HTML的全局属性:全局标准属性,全局事件属性 HTML的...

  • 扫盲财务基础知识

    这里推荐《穷爸爸富爸爸》,基本定义为大众财务知识的扫盲书了。 资产和负债 要懂财务知识,这个是最基本也是核心的概念...

  • Kafka基础知识扫盲

    1. 简介 Kafka 是由 LinkedIn 开发的一个基于发布/订阅的消息系统,具有高性能、持久化、多副本备份...

  • 并发基础知识扫盲

    1. 进程和线程 提到并发,首先需要了解下进程和线程。 1.1 进程 进程,可以理解为就是一个应用程序,如当我们听...

  • RocketMQ基础知识扫盲

    1. 简介 RocketMQ是一个队列模型的消息中间件,具有高性能、高可靠、高实时、分布式特点。主要具有以下作用:...

  • HTML初入门

    今天开始学习html的相关基础知识,首先是字体和页面的一些基础知识 演示文本 ...

网友评论

      本文标题:html基础知识扫盲

      本文链接:https://www.haomeiwen.com/subject/nfhvhxtx.html