关于HTML标签(元素)的那些事?

在战场上,知己知彼,方能百战百胜;在商场上,知己知彼,亦能呼风唤雨;在情场上,知己知彼,才能幸福美满。当然啦,在我们前端开发上,亦要知己知彼,才能叱咤风云。关于HTML标签的那些事?到底有些什么呢?HTML标签是如何分类的呢?想了解,那就跟我来吧!

HTML标签可分为几大标签呢?

对于HTML标签,我们如果要细分的话,那可就多了?多而杂,杂而乱,常用者,居少数;因此,在我们HTML5学堂中主要分为三类:1、块状标签;2、行内标签;3、其他标签(其中包含了除块状标签、行内标签之外的所有标签)。不同类的标签就具有不同特性,在HTML文档中扮演着不一样的独特角色,起着不一样的作用。如何分类,其实就是告诉我们,该如何使用这些标签。那在HTML标签中,具体我们又是如何分类的呢?了解详情,请点击《HTML 元素的显示类型》

HTML标签嵌套规则?

是中国人都知道:“不成规矩,无以成方圆”这句话的道理。毫无疑问,在我们HTML标签嵌套中,也是有一定规则。国有国法,家有家规,那我们的HTML标签又有什么样的嵌套规则呢?是块状标签能包含行内标签,还是行内状标签能包含块标签呢?或者还有其他更复杂的情况呢?猜测永远是猜测而已,没有结果;倒不如看看《HTML标签嵌套规则》;仔细的了解了解详情,让自己胸有成竹!

HTML标签的默认样式?

HTML标签有分类,有嵌套规则。大家是否想过这是为什么呢?是由什么决定了他们性质的不一样呢?其实这些标签并没有那么神秘,不知道大家有没有看过我之前写的《关于display的那些事儿》一篇文章,里面提到的display这一CSS属性,没错,它就是关键所在。他们性质的不一样其实就是display这一CSS属性的默认样式值不一样。那么HTML标签又有哪些display的默认值呢?不知道,不用担心,我们HTML5学堂早就为你准备好了一个美好的礼物《HTML各个标签的默认样式》。当然啦,不同标签,都有各自不一样的样式属性,在这不一一解说了。

关于HTML标签,还有什么可了解的呢?

时间比较宝贵,我就是不多说什么了?大家直接点击《HTML知识复习》吧!机不可失,失不再来哟!精彩就在其中,不信你就试试看吧!丰收满满,不可言喻啊!哈哈哈!

致谢

很感谢电脑前的你,将这篇文章从头读完,我们希望能够为大家建立一个HTML5技术分享平台,欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。

关于HTML标签(元素)的那些事?的更多相关文章

  1. 常用HTML标签元素结合及简介

    常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息< ...

  2. Html页面head标签元素的意义和应用场景

    相信在html5之前,很少人会关注html页面上head里标签元素的定义和应用场景,可能记得住的只有"title"."keyword"和"descri ...

  3. 详解HTML<head> 头标签元素的意义以及使用场景

    HTML<head>头部分的标签.元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性.移动互联网时代,he ...

  4. html标签元素分类

    元素分类 html中的标签元素大体分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...&l ...

  5. HTML5 标签元素的一些注意事项

    不运行写结束标记的元素(但标签元素): area.base.br.col.command.embed.hr.img.input.keygen.link.meta.param.source.track. ...

  6. HTML标签元素分类(HTML基础知识)

    HTML标签元素分类 一.按照块级元素还是行内元素分类 块级元素(block-level)和行内元素(inline-level,也叫作"内联"元素). a.块级元素(独占一行) 块 ...

  7. Html常用标签元素

    Html常用标签元素 Html常用标签元素 常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档 <head></head> ...

  8. html dl dt dd标签元素语法结构与使用

    dl dt dd认识及dl dt dd使用方法 标签用于定义列表类型标签. dl dt dd目录 dl dt dd介绍 结构语法 dl dt dd案例 dl dt dd总结 一.dl dt dd认识 ...

  9. CSS选取第n个标签元素

    最近做一个项目,碰到这样的需求,需要选取某个元素的倒数第几个标签元素,想让他显示不同的样式 1.first-child first-child表示选择列表中的第一个标签.例如:li:first-chi ...

  10. selenium定位方式-获取标签元素:find_element_by_xxx

    定位方式取舍# 唯一定位方式.多属性定位.层级+角标定位(离目标元素越近,相对定位越好) # 推荐用css selector(很少用递进层次的定位)# 什么时候用xpath呢? 当你定位元素时,必须要 ...

随机推荐

  1. package

    1.设计package原因 理解基目录的概念,思考jre加载class的顺序,如果没有package会怎么样?有了之后又是怎么样..? 主要:确保类名的唯一性. 次要:方便组织代码 2.怎样访问\导入 ...

  2. Div的宽度与高度的100%设定

    div的100%是从其上一级div的宽高继承来的,所以必须设置其上一级div的宽度或高度,否则无效. 举例说明:父div(deman)宽300高200,子div(cc)如果在这个条件下设置divcc的 ...

  3. Deep Learning 17:DBN的学习_读论文“A fast learning algorithm for deep belief nets”的总结

    1.论文“A fast learning algorithm for deep belief nets”的“explaining away”现象的解释: 见:Explaining Away的简单理解 ...

  4. 主页面获取iframe 的子页面方法。

    父页面parent.html <html> <head> <script type="text/javascript"> function sa ...

  5. android应用锁之监听应用前后台切换方式

    今天在做技术总结,顺便就把知识共享,个人崇尚分享. 通过以下方式来监听是不是发生了应用的前后台切换: 1. android api 10 – 15 通过ActivityManager register ...

  6. cocos2d-x lua绑定解析

    花了几天时间看了下cocos2d-x lua绑定那块,总算是基本搞明白了,下面分三部分解析lua绑定: 一.lua绑定主要用到的底层函数 lua绑定其本质就是有一个公用的lua_Stack来进行C和L ...

  7. Selenium WebDriver中一些鼠标和键盘事件的使用

    转自:http://www.ithov.com/linux/133271.shtml 在使用 Selenium WebDriver 做自动化测试的时候,会经常模拟鼠标和键盘的一些行为.比如使用鼠标单击 ...

  8. JavaScipt 源码解析 回调函数

    函数是第一类对象,这是javascript中的一个重要的概念,意味着函数可以像对象一样按照第一类管理被使用,所以在javascript中的函数: 能"存储"在变量中,能作为函数的实 ...

  9. 在FireFox中修改cookie

    一.安装Firebug插件(web开发中常用的调试工具) 1.打开菜单选择[附加组件] 2.搜索firebug,点击安装 3.安装完成    二.cookie的新建与编辑 1.选择cookies标签, ...

  10. ubuntu SecureCRT破解

    操作过程: 操作过程都在终端中执行.Ubuntu 的破解 : 下载程序:   wget 链接: https://pan.baidu.com/s/1nvdJl7j 密码: 2ryk 运行破解 /usr/ ...