废物弟弟的Web前端学习(小问小答)
HTML是什么,HTML5是什么?
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言(markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML元素标签、属性都是什么概念?
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如
<html>
- HTML 标签通常是成对出现的,比如
<b> </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
属性为 HTML 元素提供附加信息。
- HTML 标签可以拥有属性。
- 属性提供了有关 HTML 元素的更多的信息。
- 属性总是以名称/值对的形式出现,比如:name=“value”。
- 属性总是在 HTML 元素的开始标签中规定。
文档类型是什么概念,起什么作用?
DOCTYPE是docunment type(文档类型)的简写,用来说明web设计中所用的html或xhtml的类型,指出浏览器或者其他阅读程序按照什么样的规则(W3C所发布的一个文档类型定义即DTD)集去解释文档中的标记。
由于历史的原因,浏览器对页面的渲染方式是不一样的。在W3C标准出来之前,浏览器对页面的渲染没有同一的标准,产生了差异,quirks mod(混杂模式或者兼容模式),但在W3C标准出台之后,浏览器对页面的渲染有了同一的标准即(严格模式或标准模式)。但是为了保证以前就得页面仍然正常显示,有的浏览器就保存了这两种渲染模式(标准兼容模式)。那么究竟采用哪一种方式进行渲染,就要看DOCTYPE生命中的DTD.
1.浏览器要使老旧的网页正常工作,但这部分网页是没有doctype声明的,所以浏览器对老旧的没有doctype声明的网页采用quirks mode解析。
2.对于那些浏览器不能识别的doctype声明,浏览器采用strict mode解析。
3. 在doctype声明中,没有使用DTD声明或者使用HTML4以下(不包括HTML4)的DTD声明时,基本所有的浏览器都是使用quirks mode呈现,其他的则使用strict mode解析。
4. 在现有有doctype声明的网页,绝大多数是采用strict mode进行解析渲染的。
总之,加上doctype声明,让浏览器使用标准模式
meta标签都用来做什么的?
meta标签描述了一些基本的元数据。
<meta>
标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。
META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
<meta>
一般放置于 <head>
区域
Web语义化是什么,是为了解决什么问题?
web 语义化是指通过 HTML 标记表示页面包含的信息,包含了 HTML 标签的语义化和 CSS 命名的语义化。
HTML 标签的语义化是指:通过使用包含语义的标签(如h1-h6)恰当地表示文档结构 。
CSS 命名的语义化是指:为 HTML 标签添加有意义的class,id 补充未表达的语义。
为什么需要语义化?
- 去掉样式后页面呈现清晰的结构
- 盲人使用读屏器更好地阅读
- 搜索引擎更好地理解页面,有利于收录
- 便团队项目的可持续运作及维护
答案来自https://blog.csdn.net/ansenamerson/article/details/71224322
链接是什么概念,对应什么标签?
HTML使用标签 <a>
来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
在标签<a>
中使用了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
- 一个未访问过的链接显示为蓝色字体并带有下划线。
- 访问过的链接显示为紫色并带有下划线。
- 点击链接时,链接显示为红色并带有下划线。
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。
常用标签都有哪些,都适合用在什么场景?
表单标签都有哪些,对应着什么功能,都有哪些属性?
<form>
文本域
name: <input type="text" name="firstname"><br>
密码字段
Password: <input type="password" name="pwd"><br>
单选按钮
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female<br>
复选框
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car<br>
</form>
<input type="submit">
定义了提交按钮.
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方,举个例子?
16、HTML列表
1)< ul>标签------创建一个无序列表(通常与li一起使用)
2)< ol>标签------创建一个有序列表(通常与li一起使用)
3)< li>标签------定义一个列表项
<p>有序列表:</p>
<ol>
<li>Nice</li>
<li>Good</li>
<li>Perfect</li>
</ol>
<p>无序列表:</p>
<ul>
<li>Nice</li>
<li>Good</li>
<li>Perfect</li>
</ul>
<dl>
<dt>Boy:</dt>
<dd>Handsome and Strong</dd>
<dt>Girl:</dt>
<dd>Beautiful and Slim</dd>
</dl>
4)< dl>标签------定义一个定义列表(与 < dt> (定义项目/名字)和 < dd> (描述每一个项目/名字)一起使用。)
5)< dt>标签------定义一个定义定义列表中的项目。
6)< dd>标签------顶一顶一列表中项目的描述。