我的启蒙--HTML5 第一章 语义化标签
2018-06-24 01:46:27来源:未知 阅读 ()
HTML5
1.HTML5:万维网的核心语言,HTML规范的第五次重大修改.现在大部分网站的主流编译语言.学好HTML5是每一个前端的基础课,当然她也很简单
HTML5简化了很多细微的语法 例如doctype的声明,你只需要写<!doctype html>
2.HTML5新增语义化标签(虽然很少用到,但是还是要说一下)
(1)<laomaoshi>老猫师:恩,你没看错HTML5可以自己定义标签,而且属于行内标签</laomaoshi>
(2)主体结构元素
article:标签装载显示一个独立的文章内容,例如一篇文章、报导、小说。
section :标签定义文档中的节(section、区段),例如一个小说中的一章节。
aside:用来装载非正文类的内容,对于主题内容的说明。
nav :标签定义显示导航链接
time:标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
(3)非主体元素
header :标签定义文档的页面头部,通常是一些引导和导航信息
footer : 标签定义 section 或 document 的页脚
address: 标签定义文档作者或拥有者的联系信息。
如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者或拥有者的联系信息。通常的做法是将 address 元素添加到网页的头部或底部。
main:标签规定文档的主要内容注释:在一个文档中,不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代:<article>、<aside>、<footer>、 <header> 或 <nav>。
(4)表单域增强元素
form:在HTML5里,表单内的从属元素可以写在form外面
formaction:属性覆盖 form 元素的 action属性
formmethod 属性覆盖 form 元素的 method 属性,该属性与 type="submit" 配合使用。
autofocus:让指定的表单元素获得焦点
required:规定必须在提交之前填写输入域(不能为空)。
placeholder: 属性提供可描述输入字段预期值的提示信息(hint),该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
autocomplete:当表单元素设置了自动完成功能后,会记录用户输入过的内容,双击表单元素会显示历史输入
就这样没毛病,大体新增标签常用的也就这些了吧,心疼自己,找了好久我以前的笔记,恩!在一堆杂物里翻出了那本泛黄的笔记,好有沧桑感,:-D笑
突然感觉从这开始是不是有点狠了
谨记当初奋斗的自己,是他让现在的自己,享受美好, 敬给还在奋斗的你们,望与君共勉.
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:常见浏览器兼容性问题及解决方案
下一篇:两天学会css基础(二)
- 前端的前景怎么样? 2020-06-02
- 我的寒假学习计划 2020-01-12
- HTML5 2019-12-26
- 我的前端博客 2019-12-07
- 我的 Input框 不可能这么可爱 2019-12-02
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash