HTML 理解 和元素的分类:

HTML 理解二:

1.如何理解HTML:

          1.1HTML 具有文档       1.1描述文档结构      1,2有区块和大纲   可以和word 类比 是同理的

        

      2.HTML具有语义化 的标签 去编写 而不是这边一个div   那边一个div  对搜索引擎  爬虫  都是不友好的

        可以使用开源插件  查看HTML 文档结构

        工具https://h5o.github.io/  查看任何语义化的网也结构的利器

3.HTML版本的变化历史:

          XML  可拓展标记语言

         SGML  标准通用的标记语言。  HTML4.01以前都是基于这个语言不断的增强的

         XML (XHTML)

         HTML5  也是基于SGML  语言升级的

4.HTML版本的变化历史:

    

新区块标签:

            section  区块

            article   区块

            nav    导航

            aside

 

表单增强:

            日期,时间,搜索

            表单验证

            Placeholder       autofocus自动聚焦

 header  头部

        footer  尾部

        section/article   都是可以带(标题 评论)  语义化的区块

        nav  栏目

        aside   不重要内容

        em/strong  样式元素   斜体  粗体

        i   icon   用图标  做图标的

HTML 元素的分类:

 1.元素默认的样式,  分类

    

 块级block 元素  默认占据整行

        行内元素inline(内联元素) 不会独占一行,很和谐挤在一起  在网页中 可以有不规则的形状的

        内联块级元素  inline-block (select HTML 默认是 行内块元素  input  默认是行内块元素的属性 不是很多  主要体现在表单中  存在 input select)

        像: 行内元素一样,在一行内 和谐共处 对外像行内元素

        但是有具备 块元素的 方块的形状 宽和高

  行内元素(inline) 是里外  不是人的东西  (人物化  便于记忆)

        对外是行内元素

        对内是块元素

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值