HTML、XML、XHTML 有什么区别
- HTML,超文本标记语言,是语法较为松散的、不严格的Web语言;
- XML,可扩展标记语言,主要用于存储数据和结构参考;
- XHTML,可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格(可以看作是一个更严格的html)参考。
怎样理解 HTML 语义化
- 语义化HTML是一种编写HTML的方式
- 选择合适的标签、使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好地解析。
为什么要使用内容与样式分离的原则?
内容的归 HTML, 样式归 CSS,实现内容和样式分离。
优点
1.内容代码更加简洁 很多页面代码在写CSS文档浏览器加载页面速度更快。
2.当保持内容不变 而仅对样式做变化时更为高效。
3.在不同的浏览器下现实的效果统一。
内容是HTML体现出来的,样式则通过css等实现,HTML本身也可以通过代码实现某些样式,但这样会导致网页加载复杂,所以最好各司其职。实现分离的正确做法,是写HTML的时候重点放在HTML的结构和语义化上,让HTML能提现页面结构或者内容,然后进行 css 样式设置,把HTML代码中用于表达外观的部分从HTML中删除,并改用CSS样式实现。
- 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上,让 HTML 能体现页面结构或者内容。之后再去写样式。
- 写 JS 的时候,尽量不要用 JS 去直接操作样式,而是通过给元素添加删除class来控制样式变化
- HTML 内不允许出现属性样式,尽量不要出现行内样式
有哪些常见的meta标签
常用meta整理
meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于SEO优化、移动设备、网页相关(如何显示内容或重新加载页面)
申明编码
<meta charset='utf-8' />
优先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 关于X-UA-Compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
<meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
页面关键词,每个网页应具有描述该网页内容的一组唯一的关键字。
使用人们可能会搜索,并准确描述网页上所提供信息的描述性和代表性关键字及短语。
<meta name="keywords" content="your tags" />```
页面描述,每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。
<meta name="description" content="150 words" />```
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明——是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
严格模式是指向 HTML 文档添加 <!DOCTYPE> 声明,混杂模式是指未添加文档声明,浏览器以宽松的模式去渲染页面
<!doctype html>表示 文档是使用HTML 5编写的
浏览器乱码的原因是什么?如何解决
乱码产生的根本原因是你保存的编码格式和浏览器解析时的解码格式不匹配导致的。一般是英文以外的字符才会出现。
浏览器打开网页时,它并不知道你的这个文件是使用什么编码方式,于是自作主张使用了默认解码方式,导致编码和解码不匹配,产生乱码。
解决:在文件保存的时候你自己要清楚是用哪种编码方式保存的。如果你的文件是保存为utf-8格式,那么一定要在html 的 <head>
里添加<meta charset="utf-8">
,这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了,直接用utf-8去解码。 同理,如果你的文件保存为gbk格式,一定在文件里添加<meta charset="gbk">
。
常见的浏览器有哪些,什么内核
国内浏览器很多都是双内核(webkit和Trident),webkit内核高速浏览,IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染。参考文档
<meta name="renderer" content="webkit|ie-comp|ie-stand">
国内双核浏览器默认内核模式如下:
1.搜狗高速浏览器、QQ浏览器:IE内核(兼容模式)
2.360极速浏览器、遨游浏览器:Webkit内核(极速模式)
列出常见的标签,并简单介绍这些标签用在什么场景
html常用标签