HTML语义标签的标准示范

2024-09-05

html5语义化标签使用规范

Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排一.使用案例 1. 头部——header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍性的信息如网站名称.logo或者导航栏nav. <header> <h1>html5语义化标签</h1> <nav> <h1>导航</h1> <ul> <li>章节标签</li> <li>标

1.1 语义标签对于我们并不陌生,如<p>表示一个段落.<ul>表示一个无序列表<h1> ~ <h6>表示一系列标题等,在此基础上HTML5增加了大量更有意义的语义标签,更有利于搜索引擎或辅助设备来理解HTML页面内容. 传统的做法,我们通过添加类名,Html页面具有语义化,但是不具有通用性. Html5则是通过新增语义标签的形式来解决这个问题,例如<header></header>.<footer></footer

IE8兼容H5语义标签

//IE浏览器定义的特殊属性,通过hack方式判断IE版本来执行不同的代码,IE8以下浏览器自动创建html5语义标签,从而实现兼容

HTML5 十大新特性(一)——语义标签

说语义标签前先来理解下什么叫语义化,当下html是靠div+css来铸造页面的整体框架和结构的,通篇大量的div可读性极低,因此诞生了这些特殊的标签,简单地说就是见名知义,使页面更清晰,方便维护和开发. HTML5为我们提供了一系列的语义标签. 1.<section></section> 定义文档中的主体部分的节.段. 2.<article></article> 一个特殊的section标签,比section有更明确的语义.定义来自外部的一个独立的.完整的内

HTML5中的语义标签兼容IE8以及更低版本的浏览器

看某教程,说让HTML5的这些语义标签能够兼容低版本的浏览器,原文是“你可以设置css的display属性为block”.很好理解,就设置css样式为block嘛,那就直接设置咯: header, section, footer, aside, nav, main, article, figure { display: block; } <body> <header>header元素</header> <section>section元素</secti

html5——语义标签

传统布局 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .header { width: 1000px; height: 120px; background-color: pink; margin: 0 auto; } .nav { width: 1000p

html5-7 html5语义标签和视频

html5-7 html5语义标签和视频一.总结一句话总结:设计网站的时候要兼顾早期浏览器的话,最新技术要缓着用,自己可以先尝试. 1.html5所有标签共有属性有哪四种? 1.id2.class3.style4.title 2.html5所有标签公有属性中的title是什么意思? 移到标签上面显示的内容 3.flash视频播放标签是什么? embed <embed src="http://www.tudou.com/a/qJtXzLi3iaY/&bid=05&iid

Html5 -- 语义标签兼容性处理

方法一:通过js处理方法二:完美的处理方式 no.1 !--[if lte IE 8]> <script type="text/javascript" src="html5shiv.js"> </script> <![endif]--> no.2 <!--[if lte IE 8]> <script type="text/javascript"> //通过js代码创建一个语义标签

【Web前端HTML5&CSS3】03-字符实体与语义标签

笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版目录字符实体与语义标签 1. 字符实体 2. meta标签 3. 语义标签 4. 块元素与行内元素块元素(block element) 行内元素(inline element) 5. 内容修正 6. 布局标签 7. 列表 8. 超链接外部地址内部地址新建页面锚点跳转 9. 图片图片格式 jpeg(jpg) gif png webp base64 10. 内联格式 11. 音视频音频 source embed

HTML5之语义标签

在HTML5标准中,新加了几个用于增添页面语义的标签,这些标签有:article.section.nav和aside等.与别的大多数标签不同,浏览器在解释渲染这些标签的时候仅仅把它作为普通的div块级元素来处理,不会添加任何额外的展现逻辑:也即,这些标签仅用于增添语义.对于Web开发人员而言,使用这些标签的实际意义主要有2点:搜索引擎优化,以及增加页面的可用性(accessibility). 在元素分类上,article.section.nav和aside称之为“Sectioning Con

[翻译]HTML中不知名的语义标签

原文:http://docs.webplatform.org/wiki/tutorials/Lesser_-_known_semantic_elements HTML5中比较常用的语义元素有header,nav,footer,这篇文章主要讲了一些不知名的语义元素.第一次翻译英文原文,措辞难免不准确,不清楚的地方,可参考原文. 简介: 今天我们通过这篇文章,来了解一下HTML中一些意义模糊和不知名的语义元素.我们将探讨标记程序代码.计算机交互.引用和缩写词和文本的更新等的元素. 高亮显示联系人信息

html5中的一些新语义标签

<header> <nav> <ul> <li><a href="">栏目1</a></li> <li><a href="">栏目2</a></li> <li><a href="">栏目3</a></li> </ul> </nav> </h

html5 新增语义标签

一份模板: <body> <header> <hgroup> <h1>Page title</h1> <h2>Page subtitle</h2> </hgroup> </header> <nav> <ul> Navigation... </ul> </nav> <section> <article> <header>

让低版本IE支持Html5的新语义标签

HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因为现在你也可以在IE上用到HTML5. 好吧!大前端今天的主题是:HTML5 Shiv 下面是引用Google的html5.js文件,好处就不说了: <!--[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></scrip

HTML5新增的语义标签和IE版本低的兼容性问题

<!DOCTYPE html><html> <head> <!-- HTML5中浏览器兼容(较低版本的IE浏览器不支持H5的布局):需要在<head>中加入 <!-[if lt IE9]><script src="html5.js"></script><![endif]->(html5.js是外部引入文件), 在head中的<style></style>中加入s

H5C3--语义标签以及语义标签IE8兼容，表单元素新属性，度量器，自定义属性，dataList,网络监听，文件读取

HTML5新增标签以及HTML5新增的api 1.H5并不是新的语言,而是html语言的第五次重大修改--版本 2.支持:所有的主流浏览器都支持h5.(chrome,firefox,safari...).IE9及以上支持h5(有选择的支持,并不会全部支持),但是ie8及以下不支持h5. 一.新增标签: 1.语义化:header nav aside article main footer a.在支持语义化标签的浏览器,这些标签会被解析为div

HTML5语义标签的实践

<article> 定义一篇文章论坛发帖博客文章一篇文章 <article> <h1>标题</h1> <p>内容</p></article> <aside> 侧边栏 <aside> <h4>Epcot Center</h4> <p>The Epcot Center is a theme park in Disney World, Florida.&l

html5新增语义标签

1.header <header> 标签定义文档的页眉(介绍信息). 2.nav <nav> 标签定义导航链接的部分. 3.article <article> 标签定义外部的内容. 外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本.亦或是来自其他外部源内容. 4.footer <footer> 标签定义文档或节的页脚. <footer> 元素应当含有其包含元素的信息. 页脚通常包含文档的作者.

【CSS学习笔记】关于有语义标签

1.哪些是单闭合标签,哪些是双闭合标签? HTML的单闭合标签有: 1.<br /> 2.<hr /> 3.<area /> 4.<base /> 5.<img /> 6.<input /> 7.<link /> 8.<meta /> 9.<basefont /> 10.<param /> 11.<col /> 12.<frame /> 13.<embed

使用HTML5语义标签时要注意的问题

header,nav,section,article,aside,figue,figcaption,footer以上这些标签(除figcaption标签外)都是块级标签,为了让这些标签及元素在所有的浏览器生效,你需要在样式列表文件中设置display:block属性,设置属性的意义是为了低版本浏览器进行支持这些标签. header, section, footer, aside, nav, article, figure{ display: block; } 如果还要看到CSS3渲染的效果的话,

JSTL标签(核心标准库)

使用JSTL标签步骤 1) 导入jstl支持的jar包(标签背后隐藏的java代码) 注意:使用javaee5.0的项目自动导入jstl支持jar包 2)使用taglib指令导入标签库 <%@taglib uri="tld文件的uri名称" prefix="简写" %> 3)在jsp中使用标签核心标签库的重点标签: 保存数据: <c:set></c:set> 获取数据: <c:out value=""&