写点什么

“程”风破浪的开发者|HTML 知识框架整理

作者:默默的成长
  • 2022-10-23
    山东
  • 本文字数:1110 字

    阅读完需:约 4 分钟

HTML 知识框架

浏览器内核

内核种类

  • Trident:1.国内很多的双核浏览器的其中一核便是 Trident,美其名曰 "兼容模式" 2.代表: IE、傲游、世界之窗浏览器、Avant、腾讯 TT、猎豹安全浏览器、360 极速浏览器、百度浏览器

  • Gecko:Mozilla FireFox(火狐浏览器) 采用该内核

  • Blink:大部分国产浏览器最新版都采用 Blink 内核。

  • Webkit :Safari 是苹果公司开发的浏览器,所用浏览器内核的名称是大名鼎鼎的 WebKit。

定义

  1. 渲染引擎(layout engineerRendering Engine):取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机

  2. JS 引擎:JS 引擎 则是解析 Javascript 语言,执行 javascript 语言来实现网页的动态效果。

web 构成

  • 结构标准:结构用于对网页元素进行整理和分类,主要包括 XML 和 XHTML 两个部分。

  • 样式标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是 CSS。

  • 行为标准:行为是指网页模型的定义及交互的编写,主要包括 DOM 和 ECMAScript 两个部分

标签

标签分类

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

  • 单标签 <标签名 />

标签分类

  • 嵌套关系

  • 并列关系

字符集

  • utf-8 是目前最常用的字符集编码方式

  • gb2312 简单中文 包括 6763 个汉字

  • BIG5 繁体中文 港澳台等用

  • GBK 包含全部中文字符

  • UTF-8 则包含全世界所有国家需要用到的字符

常用标签

  • 排版标签主要和 css 搭配使用,显示网页结构的标签,是网页布局最常用的标签。

  • 标题标签 <h1> <h2>  <h3> <h4>  <h5> <h6>

  • 段落标签 <p>文本内容 </p>

  • 水平线标签 </hr>是单标签

  • 换行标签 </br>

  • div span 标签(布局盒子) <div>这是头部</div> <span>今日价格</span>

  • 文本格式化标签 :1.b i s u 只有使用 没有 强调的意思 2.strong em del ins 语义更强烈

  • 标签属性 <标签名 属性 1="属性值 1" 属性 2="属性值 2" …> 内容

  • 链接标签


<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
复制代码


  • 锚点定位 :1.使用“a href=”#id 名>“链接文本"创建链接文本 2.使用相应的 id 名标注跳转目标的位置

  • 特殊字符标签 注释标签


<!-- 注释语句 -->
复制代码


  • 路径:

  • 1.相对路径:


1. 图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如<img src= "logo.gif" />。2. 图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如<img srC= "img/img01/logo.gif" />.3. 图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如<img src=" .og.gifi/>
复制代码


  • 2.绝对路径


"D:\web\img\logo.gif" , 或完整的网络地址,例如"http://www.itcast .cn/images/logo.gif"。
复制代码


用户头像

还未添加个人签名 2022-10-11 加入

还未添加个人简介

评论

发布
暂无评论
“程”风破浪的开发者|HTML知识框架整理_Web3.0_默默的成长_InfoQ写作社区