HTML
huyao_road
20多岁,有30年Web开发经验。
展开
-
认识HTML
HTML (HyperText Markup Language) 不是一种编程语言;它是一种标记语言,用于告诉您的浏览器如何构造您访问的网页。<!DOCTYPE html> 文档声明,告诉浏览器使用的是哪个HTML版本进行解析,这种是html5版本申明<html> 叫做顶级元素或根元素,只能包含head元素或body元素。不能放其他的比如scri...原创 2018-04-16 14:41:11 · 100 阅读 · 0 评论 -
SVG
SVG的元素和属性必须按标准格式书写,因为XML是区分大小写的(这一点和html不同) SVG里的属性值必须用引号引起来,就算是数值也必须这样做。原创 2018-09-05 17:54:56 · 475 阅读 · 0 评论 -
设置网页在浏览器Tab选项卡上的图标
常用写法<link rel="shortcut icon" type="image/x-icon" href="图标名.ico" />原创 2018-07-23 19:11:46 · 2820 阅读 · 1 评论 -
移动端的meta设置
为了确保适当的绘制和触屏缩放,需要在 <head> 之中添加 viewport 元数据标签。<meta name="viewport" content="width=device-width, initial-scale=1">在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-scalable=no 可以禁用其缩放(zooming)功能。这...原创 2018-07-03 13:37:32 · 169 阅读 · 0 评论 -
为什么我们要弃用table标签?
说道这里我们就不得不提一下异步和同步的概念。在生活中,我们常说的异步是指顺序的干两件事情,比如先吃饭,再玩游戏;同步的意思是同时干,一边吃饭一边打游戏。但是在计算机领域中,异步指的是生活中的同步,同时加载的意思,同步则是生活中的顺序加载的意思。这个概念一定要搞清楚。table的缺点在于服务器把代码加载到本地服务器的过程中,本来是加载一行执行一行,但是table标签是里面的东西全都下...原创 2018-06-13 15:00:58 · 2356 阅读 · 0 评论 -
什么是HTML语义化
说HTML语义化就要先说说HTML到底负责的什么?下面摘自维基百科:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。关于对于语义化的理解顾轶灵:如何...原创 2018-04-25 21:23:04 · 343 阅读 · 0 评论 -
dl、dd、dt
定义和用法<dl> 标签定义了定义列表(definition list)。<dl> 标签用于结合 <dt> ( 标签定义一个描述列表的项目/名字)和 <dd> (标签被用来对一个描述列表中的项目/名字进行描述)。You can use this element to represent key-value pairs semantically and...原创 2018-04-25 21:16:06 · 765 阅读 · 0 评论 -
HTML表单
表单元素本身是指<form>,不过它也有一个更广泛的概念,指构成表单的所有元素。首先就<form>元素本身来说,主要有两个属性(暂时不用细究,到后面我们还有详细说明):action:表示表单数据所提交到的处理地址(如果不知道处理地址,可先用#表示)method:表示提交内容的方式,默认取值为 get,可以设置为 post接下来将会简单介绍几种form表单常用元素。在介绍表单...转载 2018-04-16 16:05:45 · 187 阅读 · 0 评论 -
块级元素与行内元素
MDN 的块级元素和行内元素。 MDN 的可替换元素块级元素与行内元素对比块级元素与行内元素有几个关键区别:格式 默认情况下,块级元素会新起一行。 内容模型 一般块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。HTML 标准中块级元素和行内元素的区别至高出现在 4.01 标准中。在 HTML5,这种区别被一个更复杂的内容类别代替。”块...原创 2018-04-16 15:16:24 · 193 阅读 · 0 评论 -
HTML 字符实体
预留字符在 HTML 中,某些字符是预留的不能直接使用,如小于号(<)和大于号(>),直接使用会误认为它们是标签。所以如果我们希望正确地显示预留字符,那必须在 HTML 源代码中使用字符实体(character entities),如可以使用&lt;表示小于号(<),&gt;表示大于号(>)。空格浏览器总是会截短 HTML 页面中的连续空格。所以如果你在HT...转载 2018-04-16 15:11:26 · 377 阅读 · 0 评论 -
常用基本元素
常用基本元素HTML 定义了各种元素,每个元素都起着不同的作用。一时半会是记不住那么多的,不过我们可以先了解熟悉最常用的一些(HTML 5 语义化标签我们第三章再介绍),然后其余的可以查阅下面的 MDN 或 W3school 的参考手册。HTML 元素参考 | MDNHTML 参考手册 | w3school从上面两个参考手册,我们会发现,MDN 的叫法是元素,而 W3school 的叫法是标签,...转载 2018-04-16 15:10:04 · 1251 阅读 · 0 评论 -
HTML属性
HTML 属性为了表示元素的一些特征,我们可以在开始标签中添加一些属性。如下:属性特征一般属性都具有以下特征:每个属性之间或与元素名之间都有一个空格隔开属性名后面紧跟等号属性值使用双引号包裹但也有一些属性只有属性名,没有属性值,这种属性我们称之为布尔属性,如下disabled就是布尔属性,表示是否禁用,有该属性则为禁用:<input type="text" disabled>除此之外...转载 2018-04-16 15:01:38 · 211 阅读 · 0 评论 -
head 元素
HTML meta 标签总结与属性使用介绍MDN中meta讲解移动端重构系列2——新建空白页面可用于<head>元素内的元素有: <title>, <base>, <link>, <style>, <meta>, <script>, <noscript>, <command转载 2018-04-16 14:55:15 · 413 阅读 · 0 评论 -
如何在一个div中使其子div居中的5种方式
demo地址-codepen 第一种基于绝对定位,要求有固定的宽高main{ position: absolute; top: 50%; left: 50%; margin-top: -5em; margin-left: -9em; width: 18em; height: 10em;}使用calc方法对第一种进行简化main{...原创 2018-05-28 11:03:21 · 36867 阅读 · 3 评论