以table/form标签语义化,做为博客首贴

应用场景1-table表格

 1 <table>
 2      <caption>
 3           <thead>
 4                <th colspan="4">水果价格表</th>
 5           </thead>
 6      <tbody>
 7           <tr>
 8                <th></th>
 9                <th>中国</th>
10                <th>美国</th>
11                <th>意大利</th>
12           <tr>
13           <tr>
14                <th>苹果</th>
15                <td>8</td>
16                <td>12</td>
17                <td>10</td>
18           <tr>
19      </tbody>
20      <tfoot>
21           <tr>
22                <th>桃子</th>
23                <td>6</td>
24                <td>10</td>
25                <td>8</td>
26           <tr>
27      </tfoor>
28 </table>

应用场景2-form表单

 1 <form>
 2 <fieldset>
 3         <legend>基本信息</legend>
 4         <p>
 5             <label for="name" >姓名:</label>
 6             <input id="name" type="text" value="姓啥名啥" />
 7         </p>
 8         <p>
 9             <label for="sexs">性别:</label>
10             <label><input type="radio" name="sex" id="sexs" />男</label>
11             <label><input type="radio" name="sex" />女</label>
12         </p>
13         <p>
14             <label for="likes">爱好:</label>
15             <label><input type="checkbox" name="like" id="likes" />户外旅行</label>
16             <label><input type="checkbox" name="like" />读书</label>
17             <label><input type="checkbox" name="like" />滑雪</label>
18         </p>
19         <p>
20             <input type="submit" value="提交" />
21         </p>
22     </fieldset>
23 </form>

转载于:https://www.cnblogs.com/chenlily/p/5446070.html

THML结构语义化之table/form相关推荐

  1. html语义化面试题,前端面试题-HTML结构语义化

    一.HTML语义化的背景 HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签.用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTML ...

  2. html的语义化面试题,前端面试题-HTML结构语义化

    一.HTML语义化的背景 HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签.用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTML ...

  3. 前端之网站结构语义化

    前端之网站结构语义化 网页基本组成 专用标签 <header>:页眉 <nav>:导航栏 <main>:主内容 <aside>:侧边栏 <foot ...

  4. IFE页面结构语义化

    IFE页面结构语义化 目的: 1.更好的可读性 2.更易修改,维护 3.搜索引擎友好,SEO优化 H5新增语义化标签: -section 元素 ,表示页面中的一个区块: -article元素,表示一块 ...

  5. 如何理解 HTML 语义化

    你是如何理解 HTML 语义化的?(面试) 在了解 HTML 语义化之前,先科普一下下面几个名词: 语义:是语言所蕴含的意义 (语言的含义).简单的说,符号是语言的载体,符号本身没有意义,只有赋予含义 ...

  6. HTML语义化标签理解

    1:语义化标签是什么? 语义化标签,目的是让标签有自己的含义 <p>语义化</p> <span>非语义化</span> 如上代码,p标签含义就是段落,而 ...

  7. web前端入门学习 css(8)(新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡

    https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...

  8. html 的基本结构、标签(分类、关系)、文档类型、页面语言、字符集、语义化

    结构代码 <!DOCTYPE html> <html><head> <meta charset="UTF-8"><title& ...

  9. CSS类命名的语义化VS结构化方式

    一般而言,CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的"用意",独立于它的"定位"或确切的特性(结构化方式).像left-bar, red-tex ...

最新文章

  1. JavaWeb手机短信实现前台利用JS获取随机验证码,倒计时效果
  2. Json-server 创建模拟API服务器
  3. [pytorch、学习] - 3.9 多重感知机的从零开始实现
  4. OSGi服务测试助手:ServiceCollector
  5. intellij 专业版 TomCat9
  6. iOS 版本更新迭代
  7. pta冒泡排序c语言_PTA 冒泡排序
  8. 某知名大学学生毕业设计, Java学好了就是厉害
  9. java 发送短信功能_如何用Java实现短信自动发送功能
  10. Python修改图片格式
  11. Python之爬虫-- js加密(破解有道词典加密的算法)
  12. 利用Python和R对权游剧本进行NLP情绪分析
  13. 《 Python List列表全实例详解系列(五)》——修改元素(修改单个、修改一组)
  14. Windows批处理脚本(BAT,CMD)简明教程
  15. HDOJ(HDU)1000A + B Problem Java题解
  16. android视频播放器流程图,Android OpenGL ES 10.1 视频播放器
  17. mysql常用查看表结构的SQL语句
  18. Java的安装和环境的搭建
  19. 2017CUIT校赛-线上赛
  20. 如何使用ArcGIS制作三维地形图

热门文章

  1. linux网络命令详解
  2. maven pom.xml详解
  3. eclips git中的add to Index无效解决
  4. 递归--递推之组合数
  5. LA 3695 Distant Galaxy
  6. jquery常用技巧及常用方法列表
  7. python随机产生10个数然后前5个升序后5个降序_编写程序,生成包含 20 个随机数的列表,然后将前 10 个元素升序排列,后 10 个元素降序排列,并输出结果。_学小易找答案...
  8. eclipse maven打包_我的Java Web之路47 - 使用Maven改造租房网工程
  9. 全系统动态污点分析-概要
  10. Spark源码分析之Master状态改变处理机制原理