THML结构语义化之table/form
以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相关推荐
- html语义化面试题,前端面试题-HTML结构语义化
一.HTML语义化的背景 HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签.用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTML ...
- html的语义化面试题,前端面试题-HTML结构语义化
一.HTML语义化的背景 HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签.用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTML ...
- 前端之网站结构语义化
前端之网站结构语义化 网页基本组成 专用标签 <header>:页眉 <nav>:导航栏 <main>:主内容 <aside>:侧边栏 <foot ...
- IFE页面结构语义化
IFE页面结构语义化 目的: 1.更好的可读性 2.更易修改,维护 3.搜索引擎友好,SEO优化 H5新增语义化标签: -section 元素 ,表示页面中的一个区块: -article元素,表示一块 ...
- 如何理解 HTML 语义化
你是如何理解 HTML 语义化的?(面试) 在了解 HTML 语义化之前,先科普一下下面几个名词: 语义:是语言所蕴含的意义 (语言的含义).简单的说,符号是语言的载体,符号本身没有意义,只有赋予含义 ...
- HTML语义化标签理解
1:语义化标签是什么? 语义化标签,目的是让标签有自己的含义 <p>语义化</p> <span>非语义化</span> 如上代码,p标签含义就是段落,而 ...
- web前端入门学习 css(8)(新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
- html 的基本结构、标签(分类、关系)、文档类型、页面语言、字符集、语义化
结构代码 <!DOCTYPE html> <html><head> <meta charset="UTF-8"><title& ...
- CSS类命名的语义化VS结构化方式
一般而言,CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的"用意",独立于它的"定位"或确切的特性(结构化方式).像left-bar, red-tex ...
最新文章
- JavaWeb手机短信实现前台利用JS获取随机验证码,倒计时效果
- Json-server 创建模拟API服务器
- [pytorch、学习] - 3.9 多重感知机的从零开始实现
- OSGi服务测试助手:ServiceCollector
- intellij 专业版 TomCat9
- iOS 版本更新迭代
- pta冒泡排序c语言_PTA 冒泡排序
- 某知名大学学生毕业设计, Java学好了就是厉害
- java 发送短信功能_如何用Java实现短信自动发送功能
- Python修改图片格式
- Python之爬虫-- js加密(破解有道词典加密的算法)
- 利用Python和R对权游剧本进行NLP情绪分析
- 《 Python List列表全实例详解系列(五)》——修改元素(修改单个、修改一组)
- Windows批处理脚本(BAT,CMD)简明教程
- HDOJ(HDU)1000A + B Problem Java题解
- android视频播放器流程图,Android OpenGL ES 10.1 视频播放器
- mysql常用查看表结构的SQL语句
- Java的安装和环境的搭建
- 2017CUIT校赛-线上赛
- 如何使用ArcGIS制作三维地形图
热门文章
- linux网络命令详解
- maven pom.xml详解
- eclips git中的add to Index无效解决
- 递归--递推之组合数
- LA 3695 Distant Galaxy
- jquery常用技巧及常用方法列表
- python随机产生10个数然后前5个升序后5个降序_编写程序,生成包含 20 个随机数的列表,然后将前 10 个元素升序排列,后 10 个元素降序排列,并输出结果。_学小易找答案...
- eclipse maven打包_我的Java Web之路47 - 使用Maven改造租房网工程
- 全系统动态污点分析-概要
- Spark源码分析之Master状态改变处理机制原理