欢迎来到天天文库
浏览记录
ID:36876033
大小:918.81 KB
页数:48页
时间:2019-05-10
《HTML5基本标签》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、1HTML入门HTML文件结构页面属性标记常用页面元素标记表格基础篇表单作业22.1HTML文件结构标记及属性HTML文件结构3文件结构①标记及属性标记:为了使所要显示的内容达到一定的效果,在内容中加入的特定标识。每个标记都用“<”(小于号)和“>”(大于号)围住。注意:“<”、“>”与标记之间不能留有空格或其他非标记字符在标记前加“/”是结束标记标记字母不区分大小写对同一段要标记的内容,可以使用多个标记来共同作用,各个标记间的顺序是任意的。<标记>受标记影响的内容标记>4属性:标记通过属性来精确控
2、制信息,以便制作出各种效果。并不是每个标记都有属性。可以根据需要使用标记的所有属性或几个属性,属性之间没有顺序。属性和标记一样,也不区分大小写。<标记 属性1=属性值 属性2=属性值…>内容标记>文件结构5②HTML5基本框架以开头,以结尾。包括头部(Head)和主体(Body)两大部分。
3、l>
4、分区级语义元素ArticleAsidefigurefigcaptionfooterheaderhgroupnavsection8HTML5Demo5、ticle>Html5页面一般框架header元素header元素代表“网页”或“section”的页眉。通常包含h1-h6元素或hgroup,作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分,一个搜索框,一个nav,或者任何相关logo。整个页面没有限制header元素的个数,可以拥有多个,可以为每个内容块增加一个header元素header使用注意:可以是“网
5、ticle>
6、页”或任意“section”的头部部分;没有个数限制。如果hgroup或h1-h6自己就能工作的很好,那就不要用header。网站标题网站副标题hgroup元素hgroup元素代表“网页”或“section”的标题,当元素有多个层级时,该元素可以将h1到h6元素放在其内,譬如文章的主标题和副标题的组合hgroup使用注意:如果只需要一个h1-h6标签就不用hgroup如果有连续多个h1-h6标签就用h
7、group如果有连续多个标题和其他文章数据,h1-h6标签就用hgroup包住,和其他文章元数据一起放入header标签这是一篇介绍HTML5语义化标签和更简洁的结构HTML5nav元素nav元素代表页面的导航链接区域。用于定义页面的主要导航部分。规范上说nav只能用在页面主要导航部分上。页脚区域中的链接列表,虽然指向不同网站的不同区域,譬如服务条款,版权页等,这些footer元素就能够用了。nav使用注意:用在整个页面主要导航部分上
8、,不合适就不要用nav元素;HTML5CSS3JavaScriptarticle元素article元素最容易跟section和div容易混淆,其实article代表一个在文档,页面或者网站中自成一体的内容,其目的是为了让开发者独立开发或重用。譬如论坛的帖子,博客上的文章,一篇用户的评论,一个互动的widget小工具除了它的内容,article会有一
此文档下载收益归作者所有