html基础
文章平均质量分 74
泠泠在路上
90后爱好阅读的小城程序员女孩,专注于个人成长、技术分享,去更远的地方,见更亮的光!
展开
-
前端基础面试题之语义化+块级元素和内联元素+css布局盒模型
对于BFC\color{#FF0000}{BFC}BFC的布局方式,会在下一篇博客中详细进行介绍,这个知识点在CSS布局中还是很重要的。圣杯布局:\color{#B22222}{圣杯布局:}圣杯布局:<style type="text/css"> body { min-width: 550px; } #header { text-align: center; ...原创 2020-12-17 14:49:22 · 230 阅读 · 0 评论 -
html5移动端Meta设置
强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览。&lt;meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/&gt;WebApp全屏模式 隐藏地址栏。&转载 2018-07-31 09:17:44 · 2855 阅读 · 0 评论 -
html标签默认属性样式及浏览器默认样式
html,address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2,h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block}/*以上列表元素默认状态下以块状显示,未显示的将以内联元素显示,该列表针对HT转载 2017-09-12 15:30:38 · 5726 阅读 · 0 评论 -
沉淀-初级HTML5(三)
HTML5音频视频 音频播放 1.Audio(音频):HTML5提供了播放音频文件的标准 2.control(控制器):control属性供添加播放、暂停和音量控件 3.标签:定义声音,规定多媒体资源,可以是多个<!--按钮控制播放/暂停--><script> var a=document.getElementById("audio"); function click()原创 2017-03-30 19:34:04 · 301 阅读 · 0 评论 -
沉淀-初级html5(二)
HTML5编辑API之Range对象Range对象基本概念 一个Range对象代表页面上的一段连续区域。通过Range对象,可以获取或修改网页上的任何区域。<script> function rangeTest() { var html; showRangeDiv=document.getElementById("showRange"); selecti原创 2017-03-30 15:27:55 · 515 阅读 · 0 评论 -
沉淀-初级html5(一)
HTML5与HTML4的区别推出的理由及目标和语法的改变推出的理由及目标: 解决web上存在的各种问题: 1.web浏览器兼容性很低,规范不统一,没有被标准化。 2.文档结构不够明确 3.web应用程序的功能受到了限制 世界知名浏览器厂商对html5的支持:微软的IE9及以上,google的chrome,苹果的safari,Opera的欧朋,Mozilla的火狐Firefox语法的改变:原创 2017-03-27 23:56:53 · 453 阅读 · 0 评论 -
简单几句CSS代码,就可以把网站变成黑白色
简单几句CSS代码,就可以把网站变成黑白色。 <style> html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);} </style>将代码加到CSS最顶端就可以实现黑白色效果。*如果网站没有使用CSS,可以在网页/模板的HT原创 2017-01-30 21:01:25 · 671 阅读 · 0 评论 -
在前端开发中值得推荐的常用工具
Mac 端软件 1. 取色:Pipette http://www.charcoaldesign.co.uk/pipette 2. 尺寸:xScrope http://iconfactory.com/software/xscope 3. TEA for Coda: http://onecrayon.com/tea/coda/ 4. TOPVE颜色代码:http://topve.com/colo原创 2017-01-15 11:10:41 · 477 阅读 · 0 评论 -
表单向服务器提交数据有几种方式?这些方式有什么区别?
将表单数据发送给服务器的常用方式有两种:Get和Post。 浏览器发送给服务器的HTTP请求分为:请求头(header)和请求主体(body)两部分。 其中,必须包含头部分,用于指定发送请求的方式、目的地以及其他关键信息; 而主体是可选的。 在头数据和主体数据之间用一个空白行来隔开。 比如,需要发送请求到页面GetStockPrice.php,且需要附带数据Symbol=MSFT。那么如果原创 2016-12-28 16:45:33 · 23701 阅读 · 0 评论 -
简要描述行内元素和块级元素的区别。
块级元素的前后都会自动换行,如同存在换行符一样。默认情况下,块级元素会独占一行。例如,<p>、<hn>、<div>都是块级元素。在显示这些元素中间的文本时,都将从新行中开始显示,其后的内容也将在新行中显示。行内元素可以和其他行内元素位于同一行,在浏览器中显示时不会换行。例如,<a>、<span>等。对于行内元素,不能设置其高度和宽度。 还有一种元素,为行内块级元素,比如<img>、<input>元原创 2016-12-28 16:42:05 · 3310 阅读 · 0 评论 -
超级链接有哪些常见的表现形式?
<a>元素用于创建超级链接,常见的表现形式有: 1、普通超级链接,语法为:<a href="" target="">文本</a>2、下载链接,即目标文档为下载资源,语法如:<a href="DAY02.zip">下载</a>3、电子邮件链接,用于链接到 email,语法如:<a href="mailto:tarena@tarena.com.cn">联系我们</a>4、空链接,用于返回页面顶部,语法原创 2016-12-28 16:23:14 · 6902 阅读 · 0 评论 -
列举常用的结构标记,并描述其作用。
结构标记专门用于标识页面的不同结构,相对于使用<div>元素而言,可以实现语义化的标签。 常用的结构标记有: <header>元素:用于定义文档的页眉; <nav> 元素:用于定义页面的导航链接部分; <section>元素:用于定义文档中的节,表示文档中的一个具体的组成部分; <article>元素:常用于定义独立于文档的其他部分的内容; <footer> 元素:常用于定义某区域的脚注原创 2016-12-28 16:19:49 · 2362 阅读 · 0 评论 -
使用 <label> 元素显示文本与使用其他文本标记显示文本有什么不同?
<label>元素的直观效果是直接显示标记之间的文本,而且不会为文本呈现任何特殊效果。但是,它和其他文本标记所不同的是,它为鼠标用户改进了用户体验性。 这是因为,<label>元素可以附带一个for属性,只要将该属性的值设置为表单中任何一个控件的id属性的值,则当用户点击该标签(文本)时,浏览器就会自动将焦点转到和标签相关的表单控件上。即:如果在<label>元素内点击文本,就会触发此控件。原创 2016-12-28 16:15:10 · 1635 阅读 · 0 评论 -
锚点的作用是什么?如何创建锚点?
锚点是文档中某行的一个记号,类似于书签,用于链接到文档中的某个位置。当定义了锚点后,我们可以创建直接跳至该锚点(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。 在使用<a>元素创建锚点时,需要使用 name 属性为其命名,代码如下所示:<a name=”anchorname1”>锚点一</a>然后就可以创建链接,直接跳转到锚点,代码如下所示:<a href=”#原创 2016-12-28 16:03:51 · 12820 阅读 · 0 评论 -
如何理解html标签语义化?
语义化的主要目的在于,直观的认识标签(markup)和属性(attribute)的用途和作用。可以概括为:用正确的标签做正确的事情。 html语义化可以让页面的内容结构化,便于浏览器解析,便于搜索引擎解析,并提高代码的可维护度和可重用性。 比如,尽可能少的使用无语义的标签div,使用结构化标签<header>、<section>、<footer>。原创 2016-12-28 15:51:54 · 3458 阅读 · 0 评论 -
简要描述常见的浏览器内核。
浏览器内核负责对网页语法的解释并显示网页,它决定了浏览器如何显示网页的内容以及页面的格式信息。 常见的浏览器内核有:Trident: ˈtraɪdnt:IE浏览器;Gecko: ˈgekəʊ:Mozilla浏览器,比如 Firefox;Webkit:Safari səˈfɑ:ri 浏览器,也是Chrome浏览器的内核原型;Blink:Chrome浏览器,Opera浏览器。-moz原创 2016-12-28 15:47:38 · 536 阅读 · 0 评论 -
DOCTYPE 声明的作用是什么? 严格模式与混杂模式如何区分?
HTML语言已经存在太久了,目前必然会有一些不同版本的文档存在。为了能够让浏览器清楚你的文档的版本、类型和风格,需要在文档的起始用DOCTYPE声明指定当前文档的版本和风格。如果在网页中提供了版本信息,则可以有利于验证页面中的代码是否符合当前的版本和风格。 <!DOCTYPE>声明位于文档中的最前面,处于<html>标签之前,告知浏览器的解析器,用什么文档类型规范来解析这个文档。 在严格模式(标原创 2016-12-28 15:36:33 · 665 阅读 · 0 评论 -
一个网页从开始请求到最终显示的完整过程
一个网页从开始请求到最终显示的完整过程一个网页从请求到最终显示的完整过程一般可分为如下7个步骤: 1. 在浏览器中输入网址; 2. 发送至DNS服务器并获得域名对应的WEB服务器的IP地址; 3. 与WEB服务器建立TCP连接; 4. 浏览器向WEB服务器的IP地址发送相应的HTTP请求; 5. WEB服务器响应请求并返回指定URL的数据,或错误信息,如果设定重定向,则重定向到新的URL地原创 2016-12-28 14:50:42 · 6957 阅读 · 0 评论