day29 HTML基础

最新推荐文章于 2024-07-17 18:42:40 发布

Fairyta1e

最新推荐文章于 2024-07-17 18:42:40 发布

阅读量264

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/weixin_46311092/article/details/116277181

版权

笔记专栏收录该内容

25 篇文章 0 订阅

订阅专栏

常见的浏览器内核

（1）Trident(IE内核)
国内很多的双核浏览器的其中一核便是Trident，美其名曰"兼容模式"。代表：IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。Window10开始，IE将其内置浏览器命名为Edge，Edge最显著的特点就是新内核 EdgeHTML。
（2）Gecko( firefox)
Gecko(Firefox 内核)：Mozilla FireFox(火狐浏览器) 采用该内核，Gecko的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。可惜这几年已经没落了，比如打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。
（3）Webkit(Safari)
Safari 是苹果公司开发的浏览器，所用浏览器内核的名称是大名鼎鼎的 WebKit。现在很多人错误地把 webkit 叫做 chrome内核（即使 chrome内核已经是 blink 了），苹果感觉像被别人抢了媳妇，都哭晕再厕所里面了。代表浏览器：傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器，
（4）Blink(chrome)
在 Chromium 项目中研发 Blink 渲染引擎（即浏览器核心），内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支。大部分国产浏览器最新版都采用Blink内核二次开发。
（5）Presto（opera）
Opera是挪威Opera Software ASA公司旗下的浏览器。1995年，opera公司发布第一版Opera浏览器，使用自己研发的Presto内核。当时opera公司的开发团队不断完善Presto内核，使Opera浏览器一度成为顶级浏览器。直到2016年奇虎360和昆仑万维收购了Oprea浏览器，从此也丢弃了强大的Presto内核，改用当时Google开源的webkit内核。后来Opera浏览器跟随Google将浏览器内核改为Blink内核。
（6）移动端的浏览器内核主要说的是系统内置浏览器的内核。
对于Android手机而言，使用率最高的就是Webkit内核，我们看到很多手机浏览器厂商都宣称有着自主内核，比如手机UC就号称采用了U3内核、而华为也经常标榜自己的天天浏览器采用了T9内核，事实上，他们都是基于开源内核Webkit进行二次开发的，并不是完全的自主内核。

HTML骨架

<HTML>
    <head> 
        <title></title>
    </head>
    <body>
    </body>
</HTML>

1 HTML标签：作用所有HTML中标签的一个根节点。根标签
2 head标签：文档的头部
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。注意在head标签中我们必须要设置的标签是title。
3.title标签：文档的标题
作用：让页面拥有一个属于自己的标题。
4.body标签：文档的主体以后我们的页面内容基本都是放到body里面的
body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)

标签类型

在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 HTML、head、body都是HTML骨架结构标签。所谓标签就是放在“< >” 标签符中表示某个功能的编码命令，也称为HTML标签或 HTML元素。
1.双标签

<标签名>内容</标签名>

2.单标签

<标签名 />

单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。

  <br />

HTML标签关系
标签的相互关系就分为两种：
1.嵌套关系

<head><title></title></head>

2.并列关系

<head></head>
<body></body>

如果两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位。如果是并列关系，最好上下对齐。

文档类型

<!DOCTYPE html>

字符集

<meta charset="UTF-8" />

UTF -8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
BG2312 简单中文包括6763个汉字
BIG5 繁体中文港澳台等用
GBK包含全部中文字符是GB2312的扩展，加入对繁体字的支持，兼容GB2312
UTF-8则包含全世界所有国家需要用到的字符

常用标签

标题标签(重点)
单词缩写：head头部。
为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即：

<h1>、<h2>、<h3>、<h4>、<h5>和<h6>。

其基本语法格式如下：

<hn>标题文本</hn>

段落标签(重点)
单词缩写： paragraph 段落 [pærəgræf]无须记这个单词
在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是：

<p>文本内容</p>

P是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。
水平线标签(了解)
单词缩写： horizontal 横线 [ˌhɔrəˈzɑntl] 同上
在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，

就是创建横跨网页水平线的标签。其基本语法格式如下：

<hr />是单标签

在网页中显示默认样式的水平线。
换行标签(重点)
单词缩写：break 打断,换行
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签。

<br />

盒子与范围标签(重点)
div span是没有语义的，是我们网页布局主要的2个盒子css+div。
div就是division的缩写，分割、分区的意思，其实有很多div 来组合网页
span，跨度、跨距；范围
语法格式：

<div>这是头部</div><span>今日价格</span>

在这里插入图片描述
b i s u只有使用，没有强调的意思；strong em del ins语义更强烈。

Fairyta1e

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
day29 HTML基础

常见的浏览器内核（1）Trident(IE内核)国内很多的双核浏览器的其中一核便是Trident，美其名曰"兼容模式"。代表：IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。Window10开始，IE将其内置浏览器命名为Edge，Edge最显著的特点就是新内核 EdgeHTML。（2）Gecko( firefox)Gecko(Firefox 内核)：Mozilla FireFox(火狐浏览器) 采用该内核，Gecko的特点是代码完全公开，因此，其可开
复制链接

扫一扫