HTML常见问题

作者: 饥人谷_NewClass | 来源:发表于2017-03-23 15:58 被阅读0次

HTML、XML、XHTML 有什么区别?

HTML:超文本标记语言,是语法较为松散的、不严格的Web语言,主要用于显示数据。
XML:可扩展标记语言,主要用于传输、存储数据;标签没有被预定义,需要自行定义标签。
XHTML:可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格。

怎样理解 HTML 语义化?

HTML语义化是一种编写HTML的方式。根据内容的结构化(内容语义化),选择合适的标签、使用合理的代码结构,便于开发者阅读和写出更优雅的代码,同时让浏览器、搜索引擎更好地解析。在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的。使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

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

开发网页时,写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上,让 HTML 能体现页面结构或者内容。之后再去写样式,HTML 内不允许出现属性样式,尽量不要出现行内样式。不仅可以更清晰地分别表达样式或者内容,更重要的是这一分离使得二者不再耦合,样式变得可复用、组件化,便于后续开发人员阅读和维护。

有哪些常见的meta标签

meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。meta标签的属性有name属性和http-equiv属性:

1.name属性

主要用于描述网页,比如网页的关键词,叙述等。与之对应的属性值为content,content中的内容是对name填入类型的具体描述,便于搜索引擎抓取。
其中name属性常用几种参数:
keywords(关键字):用于告诉搜索引擎,网页的关键字
<meta name="keywords" content="web基础">
description(网站内容的描述):用于告诉搜索引擎,网站的主要内容
<meta name="description" content="前端知识">
viewport(移动端的窗口):常用于设计移动端网页
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">

2.http-equiv属性

content-Type:设定网页字符集
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //html4
<meta charset="utf-8"> //html5
X-UA-Compatible:浏览器采取何种版本渲染当前页面
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染当前页面
refresh:自动刷新并指向某页面
<meta http-equiv="refresh" content="2;URL=http://www.google.co.uk"> //意思是2秒后跳转到google

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

文档声明:声明文档对象模型,告诉浏览器应该使用哪种方式来解析渲染页面。
严格模式:使用<!doctype>标签来显式声明该用哪种方式来渲染页面;混杂模式即不加<!doctype>标签,允许浏览器使用自己的方式来渲染页面。
<!doctype html>是声明使用HTML5标准来解析渲染页面。

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

浏览器乱码的原因是编辑器保存的文档设置的字符集和html文档设置的字符集不一致,而浏览器会按html文档设置的字符集解析。
html文档的字符集设置为utf-8<meta charset="utf-8">,编辑器保存文档的字符集与之一致。

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

常见的浏览器有IE、chrome、Firefox、Safari、Opera、Netscape等。
Trident内核:Internet Explorer,又称其为IE内核。
Gecko内核:Firefox、Netscape6至9。
WebKit内核:Safari、Chrome。
Presto内核:Opera 7.0及以上使用。

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

标签 使用场景
<html> 定义html文档
<body> 定义文档的主体
<head> 定义了文档的信息
<title> 定义了文档的标题
<meta> 定义了HTML文档中的元数据
<link> 定义了一个文档和外部资源之间的关系
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件
<h1>~<h6> 定义标题
<hr/> 创建水平线
<!-- 这是一个注释 --> 注释
<p> 定义一个段落
<br/> 换行
<b> 定义粗体文本
<em 定义着重文字
<i> 定义斜体字
<strong> 定义加重语气
<small> 定义小号字
<a> 定义一个超级链接
<img> 定义图像
<table> 定义表格
<th> 定义表格的表头
<tr> 定义表格 的行
<td> 定义表格的列
<ol> 定义一个有序列表
<ul> 定义一个无序列表
<li> 定义列表项
<div> 定义了文档的区域
<span> 用来组合文档中的行内元素
<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义了 <input> 元素的标签,一般为输入标题
<select> 定义了下拉选项列表
<option> 定义下拉列表中的选项
<button> 定义一个点击按钮

相关文章

  • html5你不知道的基础面试题

    html5常见问题 1.什么是html5 HTML5是最新的HTML标准。 设计目的 HTML5的设计目的是为了在...

  • 六、 Flex 布局

    常见问题 图中的链接 http://js.jirengu.com/kejobobiqe/1/edit?html,c...

  • HTML常见问题

    HTML、XML、XHTML 有什么区别? HTML:超文本标记语言,是语法较为松散的、不严格的Web语言,主要用...

  • HTML常见问题

    1、DOCTYPE有什么作用?标准模式与混杂模式如何区分?它们有何意义? 告诉浏览器使用哪个版本的HTML规范来渲...

  • HTML常见问题

    1、介绍一下你对浏览器内核的理解?主要分成两部分:渲染引擎(layout engineer或 Rendering ...

  • HTML的常见问题

    HTML、XML、XHTML 有什么区别 HTML:超文本标记语言(Hyper Text Mark-up Lang...

  • HTML表单常见问题

    form表单有什么作用? form表单用于搜集用户输入并提交至web服务器。 有哪些常用的input 标签,分别有...

  • html常见问题集合

    安卓手机video视频层级最高 如果打开一个新页面,但是这个页面应该要有权限才能打开,所有打开新窗口的时候报错50...

  • vue项目常见问题

    vue项目常见问题 1. 如何输出HTML? vue 语法中的“Mustache”语法 (双大括号) 只会将数据解...

  • 最全面的VPS主机常见问题及解答集锦

    原文豆丁博客:最全面的VPS主机常见问题及解答集锦(https://www.shluqu.cn/3573.html...

网友评论

    本文标题:HTML常见问题

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