Web前端

最新推荐文章于 2024-08-21 20:15:01 发布
最新推荐文章于 2024-08-21 20:15:01 发布
阅读量104 收藏
点赞数
分类专栏： web 新手 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40586148/article/details/114645298
版权

HTML+CSS基础

HTML与CSS介绍

每一个网页是一个.html文件，一个网站是由若干.html文件。

  • HTML：超文本标记语言，它用标记标签来描述网页
  • CSS：层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
  • JavaScript：与用户的交互行为

HTML基础

基础知识

  • 标签的属性：修饰标签，设置标签的功能
    <标签 属性1="值1" 属性2="值2">
  • 注释：<!-- 注释内容 -->，VScode中快捷键:Ctrl + /；shift + Alt + a
  • HTML的初始代码：每一个HTML文件都要有的代码，VScode中快捷键为！+Tab键
<!DOCTYPE html>    <!--文档声明：HTML文件-->
<html lang="en">    <!--HTML的最外层标签，en表示英文网站，zh-CN表示中文网站-->
<head>
    <meta charset="UTF-8">    <!--元信息：辅助信息，使网页不乱码-->
    <title>Document</title>    <!--网页标题-->
</head>
<body>
    <!--网页内容-->
</body>
</html>
  • HTML语义化：根据网页结构选择合适的标签

常用标签

标题与段落

<h1></h1>~<h6></h6>   <!--标题标签,h1标题在一个.html中只能出现一次-->
<p></p>    <!--段落标签-->
<div></div>    <!--区域划分块-->
<span></span>    <!--修饰文字，内联-->

文本修饰标签

<strong></strong>,<b></b>    <!--加粗-->
<em></em>,<i></i>    <!--斜体-->
<sub></sub>    <!--下标-->
<sup></sup>    <!--上标-->
<del></del>    <!--删除文本，加删除线-->
<ins></ins>,<u></u>     <!--插入文本，加下划线-->

图片标签及属性

<img src="" alt="" title="" width="" height="">
<!--src:图片地址
    alt:图片加载失败时的提示信息
    title:鼠标移过去时的提示信息
    width、height:图片大小
-->

路径与特殊字符

  • 相对路径与绝对路径
    相对路径会有一个参照文件：相对所处文件（参照文件）的地址访问其他文件；绝对路径要完整地写出文件的地址
  • 特殊字符
&nbsp;    <!--空格-->
&lt;    <!--小于号-->
&gt;    <!--大于号-->

跳转链接与跳转锚点

  • 跳转链接
<a href="网址">标题</a>    <!--超链接（当前页面跳转）-->
<a href="网址" target="_blank">标题</a>    <!--超链接（新页面跳转）-->
<base target="_blank">    <!--写在head中，可以改变链接的默认行为-->
  • 跳转锚点
<a herf="#名称"></a> 
<p id="名称"></p>或<a name="名称"></a>

列表标签

列表可以嵌套（定义列表也可以）

<ul type="">
	<li>列表的行</li>
</ul>    <!--无序列表-->
<!--type的值 disc:实心圆（默认）;circle:空心圆;square:实心方块-->
<ol>
	<li>列表的行</li>
</ol>    <!--有序列表-->
<!--type的值 1：数字类型（默认）;a/A:字母类型;i/I:罗马数字类型-->
<!--定义列表-->
<dl></dl>,<dt></lt>,<dd></dd>:定义列表及标题，并做出描述和解释

表格标签

tr * m>td * n，再按Tab键可以创建m行n列的表格

<table border="" cellpadding="" cellspcing="" >
	<caption></caption>    <!--表格标题-->
	<tr>    <!--表格中的行-->
		<td></td>    <!--表格中的单元格-->
	</tr>
	<tr>
		<th></th>     <!--表头-->
	</tr>
</table>
<!--属性解释：border表格边框；cellpadding单元格空间；
cellspcing单元格间隙-->
<td colspan="m"></td>    <!--列的合并（某一行占据m个单元格）-->
<td rowspan="m"></td>    <!--行的合并（某一列占据m个单元格）-->
<!--align（左右对齐方式）:left、center、right-->
<!--valign（上下对齐方式）:top、middle、bottom-->

<!--表格的语义化标签-->
<thead></thead>    <!--页眉-->
<tbody></tbody>    主体
<tfooter></tfooter>    <!--页脚-->

表单标签

<form action="网址"></form>    <!--表单最外层容器-->
<!--action:提交按钮的提交地址-->
<input type="">    <!--标签用于用户信息，type属性决定具体控件-->

<!--type:text,password（placeholder：提示效果）,
checkbox:复选框（checked默认选中，disabled不允许选）,
radio:单选框（可通过name配成一组）,file:上传文件,
submit:提交,reset:重置,-->

<textarea cols="" rows=""></textarea>    <!--多行文本框-->
<select size="" multiple>    <!--size:显示个数,multiple:多选-->
	<option selected disabled></option>    <!--checked默认选中，disabled不允许选-->
</select>    <!--下拉菜单-->
<lable></lable>    <!--使表单可选范围变大-->

CSS基础语法

格式：选择器{属性1:值1;属性2:值2;属性3:值3;}

<style>选择器{属性1:值1;属性2:值2;属性3:值3;}</style>
/*属性：width宽，height高，background_color背景颜色*/

CSS样式

/*内联样式*/
<div style="属性1:值1;属性2:值2;属性3:值3;"></div>
/*内部样式:写到head中，代码可复用*/
<style>选择器{属性1:值1;属性2:值2;属性3:值3;}</style>
/*外部样式:引入一个CSS文件名name.CSS，通过link标签引入，写到head中*/
外部文件：选择器{属性1:值1;属性2:值2;属性3:值3;}
<link rel="指定资源跟页面的关系" href="外部文件地址">

CSS中的颜色表示和背景样式

  • 颜色表示法
    • 单词表示法：英文单词
    • 十六进制表示法：#000000~#ffffff
    • rgb三原色表示法：rgb(0,0,0)~rgb(255,255,255)
  • 背景样式
    • background-color：背景色
    • background-image：背景图 url(值为路径)
    • background-repeat：平铺方式
      repeat-x：x轴平铺，repeat-y：y轴平铺，no-repeat：都不平铺
    • background-position：背景位置
      x，y：数字（px，%）或单词（left，center，right，top，center，bottom）
    • background-attachment：背景图随滚动条移动方式
      scroll（默认的，背景图按照当前元素进行偏移）
      fixed（背景位置按照浏览器进行偏移）

CSS边框样式

  • border-style：边框样式
    solid：实线，dashed：虚线，dotted：点线，可针对某一条边单独设置，格式为：border-right/left/top/bottom-style
  • border-width：边框大小
  • border-right-style
  • border-color：边框颜色，transparent表示透明

CSS文字样式

  • font-family：字体类型（英文：只支持英文、中文）
  • 衬线体与非衬线体：衬线体有棱角
  • 设置多字体的方式：电脑里的字体备选方案
  • 引号添加：字体类型中出现空格时要加引号
  • 字体大小：默认16px，也可以用单词表示法，一般设置为偶数，以实现字体对其
  • font-weight：字体粗细
    • bold加粗，normal正常，数字：1 ~ 5100正常，6 ~ 9100加粗
  • font-style：字体样式
    • italic表示斜体
  • color：字体颜色

CSS段落样式

  • text-decoration：文本装饰
    • 下划线：underline、上划线：overline、删除线：line-through，不添加任何装饰：none
    • 添加多个文本修饰用空格隔开
  • text-transform：英文段落大小写
    • lowercase：小写、uppercase：大写、capitalize：首字母大写
  • text-indent：文本缩进
    • 首行缩进：em单位，一个em与一个字体大小相同
  • text-align：文本对齐方式：left、right、center、justify（两端点对其）
  • line-height：定义行高
    • 默认行高根据字体大小变化
    • 取值：数字（px）、scale（比例值，与文字大小成比例）
  • letter-spacing：字体间距
  • word-spacing：英文单词间距
  • 英文或数字不自动折行问题
    • word-break：break-all；强烈的折行
    • word-wrap：break-word；不强烈的折行，会产生一些空白区域

CSS复合样式

  • 单一样式与复合样式（一般不混用。若混写，先写复合再写单一）
    一个CSS属性只控制一种样式，叫做单一样式
    一个CSS属性控制多种属性，叫做复合样式
  • 复合写法通过空格方式实现，复合写法有的不需要关心顺序，例如background、border；有的需要关心顺序，例如font。
    • background：red url() repeat 0 0;
    • border：2px black solid;
    • font：weight style size/height line- family（最少要有两个值：size family）

CSS选择器

  • ID选择器：#elem{} id=“elem”
    • ID在一个页面中只能出现一次；
    • 命名规范：标识符；
    • 命名方式：驼峰式写法、下划线写法、短线写法。
  • CLASS选择器：.class{elem} class=“elem”
    • class选择器可复用
    • 可以添加多个class样式：class=“style1 style2 style3”
    • 有多个样式时，样式优先级根据CSS决定，而不是class属性中的顺序
    • 标签+类的写法：标签.elem
  • 标签选择器（TAG选择器）使用场景
    • 去掉某些标签的默认样式
    • 复杂的选择器 ，如层次选择器
  • 群组选择器：通过逗号方式隔开，给不同选择器添加统一的CSS样式，实现代码复用（div，p，.elem……{}）
  • 通配选择器：给所有标签添加样式，一般用来去掉标签的默认样式（*{}）
  • 层次选择器
    • 后代：M N { }
    • 父子：M>N { }
    • 兄弟：M~N { } 当前M下的所有兄弟N标签
    • 相邻：M+N { } 当前M下的相邻N标签
  • 属性选择器
    • M[属性/属性=名称] { }：=完全匹配，*=部分匹配，^=起始匹配，$=结束匹配，[ ][ ][ ]组合匹配
  • 伪类选择器 M：伪类{}
    • :link 访问前的样式（只能添加给a标签）
    • :visited 访问后的样式（只能添加给a标签）
    • :hover 鼠标移入时的样式（可以添加给所有标签）
    • :active 鼠标按下时的样式（可以添加给所有标签）
    • 一般网站只做a{ } a:hover{ }
    • :after、:before 通过伪类的方式给元素添加一段文本内容，content
    • :checked、:disabled、:focus（光标） 表单操作
    • 结构性伪类选择器：nth-of-type()、nth-child()角标从1开始，n表示从0到无穷大；first/last-of-type、only-of-type

CSS继承

  • 文字相关的样式可以被继承，布局相关的样式不能被继承：子标签的文字样式可以继承父标签的文字样式，若要继承父标签的布局样式，可以在子标签中使用inherit值实现

CSS优先级

  • 相同样式优先级：后面的优先级高
  • 内部样式与外部样式：优先级相同，若设置了相同样式，则后写的引入方式优先级高
  • 单一样式优先级：style行间>id>class>tag>*>继承（前四个权重：1000,100,10，1）
  • !important：提升样式优先级，非规范方式，不建议使用。（不能针对继承的优先级进行提升）
  • 标签+类>单类
  • 群组优先级：群组选择器与单一选择器优先级相同，靠后写的优先级高
  • 层次优先级
    • 权重比较：将所有层级权重相加
    • 约分比较：将权重相同的约掉

CSS中的盒子模型

  • 组成：content，padding，border，margin
    content：内容区域，width和height；
    padding：内边距（内填充）只写一个值（上下左右），写两个值（上下），写四个值（上右下左），单一样式padding-left/top/right/bottom只能写一个值；
    margin：与padding是一样的
    PS：背景色填充到margin以内区域；文字在content区域添加；padding不能为负数，margin可以为负
  • box-sizing：盒尺寸，可以改变盒子模型的展示形态。
    默认值：content-box：width和height作用到content上
    border-box：width和height可以作用到content、padding、border上
    使用场景：不用再计算一些值；解决一些百分比问题；
  • 盒子模型的一些问题
    • margin叠加问题：上下margin同时存在时，会取上下值中较大的作为叠加的值
    • 解决方案：只给一个元素添加边距
    • margin传递问题：出现在嵌套的结构中，只是针对margin-top的问题
    • 解决方案：给父容器加边框；margin换成padding
  • 扩展
    • margin左右自适应可以设置（margin:auto），上下不可以
    • width和height不设置时，会自动计算容器大小

标签分类

按类型

  • block：div、p、ul、li、h1
    特性：独占一行；支持所有样式；不写宽时，跟父元素宽相同；所占区域时一个矩形
  • inline：span、a、em、strong、img
    特性：挨在一起的；有些样式不支持，例如宽高；不写宽时，宽由内容决定；所占区域不一定是矩形；内联标签之间会有空隙，由换行引起
  • inline-block：input、select
    特性：挨在一起，支持宽高；既有块的特性，又有内联的特性
  • 可通过浏览器查看类型；布局一般用块标签，修饰文本用内联标签

按内容分类

  • flow：流内容
  • metadata：元数据
  • sectioning：分区
  • heading：标题
  • phrasing：措辞
  • embedded：嵌的
  • interactive：互动的

按显示

  • 替换元素： 浏览器根据元素的标签和属性，来决定元素的具体显示内容。（有部分自己的特性，有时可以改变大小）
  • 非替换元素：将内容直接告诉浏览器，将其显示出来。

显示框类型

  • display：block、inline、inline-block、none 可以修改
  • display:none与visibility:hidden
    display:none不占空间的隐藏，visibility:hidden占空间的隐藏

标签嵌套规范

  • ul，li；dl，dt，dd；table，tr，td；
  • 块标签可以嵌套内联标签
  • 块标签不一定能嵌套块标签：p不能嵌套div
  • 内联标签不可以嵌套块标签：a能嵌套div（给区域加链接）

溢出隐藏

  • overflow：visible（默认）
  • overflow：hidden（容器中的内容溢出时会隐藏溢出的部分）
  • overflow：scroll（显示滚动条）
  • overflow：auto（溢出时显示滚动条）
  • x轴和y轴：overflow-x、overflow-y针对两个轴分别设置

透明度与手势

  • opacity：0（透明）~1（不透明）占空间、所有子内容也会透明
  • rgba(……，a)：0（透明）~1（不透明）让指定样式透明而不影响其他样式
  • cursor：手势（default是箭头）
  • 自定义实现手势：准备图片.cur、.ico格式，cursor:url(图片存储路径),auto

最大、最小宽高

  • min-width、min-height：大于等于
  • max-width、max-height：小于等于
  • %：换算时，以父容器的大小进行换算
  • 容器适应屏幕的高度：
    容器加height：100%；body：100%；html：100%；

CSS默认样式

  • 没有默认样式：div、span
  • 有默认样式：通过浏览器调试工具查看
    body-> margin：8px
    h1-> margin：上下 21.440px
    a-> text-decoration：underline
  • 去除默认样式：简单的css reset
 *{margin:0;padding:0;} /*所有容器的margin和padding均设为0*/
 body,p,h1,ul{margin:0;padding:0;}
 ul{list-style:none;}/*去掉列表默认的实心圆点*/
 a{text-decoration:none;color:#666;}/*去掉链接的下划线并设置颜色*/
 img{display:block;}/*将图像*/
  • 图片与容器底部有一些空隙：内联元素的对齐方式是按照文字基线对齐的，而不是文字底线对齐的。
    解决方案：
    img{display:block;}/*将图像转成块*/
    img{vertical-align:bottom}/*底线对齐*/

float浮动

  • 脱离文档流，沿着父容器靠左或靠右进行排列，取值left、right、none
  • 注意点：只会影响后面的元素；内容默认提升半层；默认宽度根据内容决定；换行排列；主要是给块元素添加，但也可以给内联添加
  • 清除浮动
    • 上下排列：clear属性清除浮动，left、right、both
    • 嵌套排列：
      固定宽高：不适合做自适应的效果；
      父元素浮动：父容器浮动会影响后面的元素；
      overflow：hidden（BFC规范）如果有子元素想溢出，那么会受到影响；
      display：inline-block（BFC规范），父容器会影响到后面的元素；
      设置空标签：会多添加一个标签；<div></div>
      after伪类：空标签的加强版（clear属性只会操作块标签，对内联标签不起作用）
      .clear:after{ content:''; display:block; clear:both; }

CSS定位

  • position：取值可为relative、absolute、fixed、sticky、static（默认）
    • relative：如果没有定位偏移量，对元素本身没有任何影响；不是元素脱离文档流；不影响其它元素布局；left、top、right、bottom是相对于当前元素进行偏移的
    • absolute：使元素完全脱离文档流；使内联元素支持宽高；使块元素默认宽根据内容决定；如果祖先元素有定位相对于该祖先元素发生偏移，否则相对于整个文档发生偏移
qq_40586148
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web前端三大主流框架
数字人生
06-06 3538
它采用MVVM（Model-View-ViewModel）模式，通过数据绑定和依赖注入，将界面的状态和数据进行统一管理，提供了丰富的功能和特性，如路由管理、表单验证、模块化等。随着前端技术的发展，新的工具和框架也可能会逐渐崛起，成为开发者的新选择。这三个框架都具有自己独特的特性和优势，选择合适的框架取决于项目的需求、团队的技术栈和个人的偏好。总结来说，Angular、React和Vue.js是目前web前端开发领域的三大主流框架，它们各有特点，适用于不同的开发场景和需求。
web前端概述
Xiaohuang的博客
11-24 3216
前端
web前端html期末大作业实例 (1500套)
HTML网页设计
10-03 9万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
web前端发展历程
官方推荐
05-30 3万+
前言 目前在IT公司中前端的岗位越来越成为不可或缺的，前端的地位也愈见明显，很多学校已经体系的传授前端课程，众多培训机构也将前端知识作为了主流课程，也有越来越多的同学加入到前端学习的行列中，作为前端工程师或者前端的学习者我们有必要去了解前端的发展史。...
web前端开发（一）—HTML基础
热门推荐
mdxiaohu的博客
07-31 10万+
  目录 web前端简介 什么是HTML？ HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...
Web前端技术简介
weixin_72636693的博客
07-11 1425
Web前端即指⼤家平常上⽹浏览的⽹页，如上⽹浏览新闻、查询快递信息。淘宝购物等都是在浏览⽹页。但⽹页制作还需要了解与⽹页相关的基本概念，下⾯将对Web前端的相关概念进⾏详细讲解。 互联⽹中的⽹页多数都是使⽤HTML格式展⽰到浏览者⾯前，因此，HTML是⽬前最流⾏的⽹页制作语⾔。为了使⽹页具有更好的拓展性和⽤户体验，CSS样式表在⽹页设计中有着重要的地位。在学习HTML和CSS之前，需要了解⼀些基本的互联⽹相关知识。 1.1.1初识Web前端 1991年8⽉6⽇，来⾃欧洲核⼦研究中⼼的科学家Tim Be
【1+X Web前端等级考证 】| 最新Web前端开发中级实操
go
11-23 4万+
# 前言 2020 12月 1+X Web 前端开发中级 模拟题大致就更这么多,我的重心不在这里,就不花太多时间在这里面了。但是，说说1+X Web前端开发等级考证这个证书,总有人跑到网上问：这个证书有没有用？ 这个证书含金量高不高？ # 关于考不考 因为这个是工信部从2019年才开始实施试点的，目前还在各大院校试点中，就目前情况来看，知名度并不是很高，有没有用现在无法一锤定音，看它以后办的怎么样把，软考以前也是慢慢地才知名起来。能考就考吧，据所知，大部分学校报考，基本不用交什么报考费(小部分学校，个别除.
web前端入门知识解析
xzljj的博客
04-02 8906
一、WEB前端是什么？ 使用HTML/CSS/JS以及更多的框架技术，编写网站页面、App应用、小程序、2D&3D游戏、Web VR&AR等应用，通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作，实现设计意图并调用后台接口；也可以独立工作，完成强用户交互的各类应用。 二、WEB前端可以做什么？ 最经典的是各种类型的网站：电子商务、企业门户、管理系统、社区平台等；目前也是移动领域首选技术：WebApp、混编App、手机游戏、
web前端如何提升自我
the_cleaner的博客
03-26 4124
web前端工程师自我提升学习资料，包含Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试等方面的知识。
WEB前端-背景属性
syh_SYH0321的博客
10-21 5030
img和背景图片的区别： img不需要专门写宽高就能够显示在页面上 而背景图片默认是撑不开容器的 需要专门写宽高 一般产品插入图都推荐使用img 而一些小的icon 或者很少更新的图片 再或者超大的图片推荐使用背景图 而且背景图可以让内部的文字盖在上面，但是img不行（除非后期用定位）取值：no-repeat不平铺，repeat-x横向平铺，repeat-y纵向平铺，repeat横向纵向都平铺------默认。closest-side： 指定径向渐变的半径长度为从圆心到离圆心最近的边。
web前端开发技术储久良第三版答案
12-09
《Web前端开发技术储久良第三版答案》涵盖了前端开发领域的关键知识点，主要针对储久良教授编著的教材第三版中的习题和实验提供了详尽的解答。这本书旨在帮助学习者深入理解Web前端开发的核心概念和技术，通过解决...
Web前端大作业.zip
05-22
《Web前端大作业——构建漫步时尚广场完整项目》 在本次Web前端的大作业中，我们面临的挑战是构建一个名为“漫步时尚广场”的完整项目。这个项目涵盖了网页设计、交互实现以及后端数据处理等多个方面，旨在提升我们...
web前端技术方案web前端技术方案
05-07
Web 前端技术方案 一、前端技术体系的基本架构 前端技术体系的基本架构应遵循以下原则： 1. 围绕业务发展：前端技术体系的设计应紧扣业务需求，确保技术架构的演进是为了支撑业务的发展。 2. 结合团队规模和特点...
web前端
05-22
Web前端是互联网应用开发的重要组成部分，它主要负责用户在浏览器端看到和交互的部分。随着互联网技术的不断发展，Web前端技术也在持续演进，为用户提供更加丰富、动态且交互性强的网页体验。本篇文章将深入探讨Web...
WEB前端-案例汇总
11-08
在“WEB前端-案例汇总”这个资源包中，包含了丰富的前端开发实例，旨在帮助初学者逐步进阶，全面掌握前端开发的各项技能。这个资源大汇总几乎涵盖了前端开发的所有领域，对于想要深入学习和理解Web前端技术的人来说...
Java学习Day33：HTML 第三章：挟魂崖
最新发布
weixin_51721783的博客
08-21 415
JavaScript中，dom是一套操作文档内容的方法，可以完成查、增、删、改（先删后增）的操作。而且dom的开发效率很高，还可以用于服务器渲染、weex 开发等。本文向大家介绍JavaScript中的dom。1、什么是dom？dom，全称Document Object Model文档对象模型，是 W3C 的标准；[所有浏览器公共遵守的标准]。用于处理网页内容的方法和接口，简单的说就是一套操作文档内容的方法。2、dom组成：由HTML、CSS、事件（交互）组成。
Javaweb学习之HTML（二）
2301_80841939的博客
08-17 659
TML 响应式 Web 设计（Responsive Web Design, RWD）是一种网页设计方法，它使得网站能够根据不同的访问设备（如桌面电脑、平板电脑、智能手机等）的屏幕尺寸和分辨率来自动调整布局、图片大小、字体等，从而提供最佳的浏览体验。但是，请注意，在HTML文档中直接使用Unicode编码字符时，需要确保文档的编码（如UTF-8）能够支持这些字符。HTML5引入了一些新的字符实体，主要用于表示一些数学符号、技术符号以及特殊字符等，但这些新的字符实体在日常的HTML编码中并不常用。
【HTML】为网页添加表单（控件）
weixin_51649465的博客
08-21 452
包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。：一个表单中通常需要包含一些说明性的文字，提示用户进行填写和操作。：相当于一个容器，用来容纳所有的表单控件和提示信息。
【HTML】从0开始构建HTML页面
weixin_51649465的博客
08-20 709
在网页中小图片或网页基本元素如图标、按钮等考虑使用GIF或PNG-8格式图像，半透明图像考虑使用真色彩PNG格式（一般指PNG32），色彩丰富的图片则考虑使用JPG格式，动态图片可以考虑使用GIF格式。
揭秘Web前端黑客攻防核心技术
《Web前端黑客技术揭秘》是一本专门探讨Web前端安全领域的专业书籍，由钟晨鸣和徐少培编著，隶属于电子工业出版社的“安全技术大系”。该书聚焦于Web前端的黑客攻防技术，主要包括跨站脚本（XSS）、跨站请求伪造...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值