HTML5中新增的标记,HTML5新增标签以及CSS3新增选择器

素颜马尾好姑娘i 2022-10-10 15:51 26阅读 0赞

css3新增

element1--element2a\[src^="https"\]  选择其src属性值以"https"开头的每个元素

a\[src$=".pdf"\]  选择其src属性以".pdf"结尾的所有元素

a\[src\*="abc"\]    选择其src属性中包含"abc"子串的每个元素p:first-of-type    选择属于其父元素的首个

元素的每个元素

p:last-of-type    选择属于其父元素的最后元素的每个元素

p：only-of-type  选择属于其父元素唯一的元素的每个元素

p:only-child    选择属于其父元素的唯一子元素的每个元素

p:nth-child(2)    选择属于其父元素的第二个子元素的每个元素

p:nth-last-child(2)  同上，从最后一个子元素开始计数。

p:nth-of-type(2)    选择属于其父元素第二个元素的每个元素

p:nth-last-of-type(2)    同上，但是从最后一个子元素开始计数

p:last-child    选择属于其父元素最后一个子元素每个元素

:root选择文档的根元素

p:empty    选择没有子元素的每个

元素(包括文本节点)\#news:target选择当前活动的\#news元素input:enabled选择每个启用的元素input:disabled选择每个禁用的元素input:checked选择每个被选中的的元素:not(p)选择非的

元素的每个元素

::selection选择被用户选取的元素部分

:read-only选择器被用来指定当元素处于只读状态时的样式

:read-write选择器用于匹配可读及可写的元素

:default选择器用来指定当前页面打开时默认处于读取状态的单选框或复选框的控件的样式

:indeterminate选择器用来指定当页面打开时，一组单选框中没有任何一个单选框被设定为选中状态时，整组单选框的样式

h5新增

结构标签

aricle:页面上构建完整并且独立的内容 如小说，文章，报道类

aside:用来装载非正文类的内容 如 广告 侧边栏

section:标签定义文档中的节 例如小说中的一章

header:页面头部

footer:页脚

nav:标签定义显示导航链接

hgroup:标签用于网页或区段

figure>figcaption

:标签包含独立的媒体内容，如图像 图表 照片等等

标签定义figure元素的标题(caption)

details>summary

标签用于描述文档或文档某个部分的细节，而这个细节并不需要文档加载时就展示，而是可以折叠。

属性：open定义details是否可见

默认显示的details元素的标题

datalist>option

输入框提示列表    input的list属性值为datalist的id

progress :进度条  属性：max:进度完成 value:定义当前进度值

mark:标记需要突出显示的文本

keygen:表单的密钥对生成器

发表评论取消回复

表情：

评论列表（有 0 条评论，26人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5新增标签

HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件

﹏ヽ暗。殇╰゛Y/ 2024年02月17日 17:48/ 0 赞/ 86 阅读

相关 HTML5新增视频标签（HTML5）

HTML5新增视频标签（HTML5） <!DOCTYPE html> <html lang="en"> <head> <

悠悠/ 2023年10月03日 13:31/ 0 赞/ 38 阅读

相关 HTML5新增type类型，HTML5新增属性

html5版本新增了很多类型，我们挑一些常用的进行展示：详细学习地址可以参照w3c进行学习： https://www.w3school.com.cn/html5/at

比眉伴天荒/ 2023年09月27日 13:41/ 0 赞/ 153 阅读

相关 HTML5新增标签

artical：文章主体内容 header：标记头部区域内容 footer：标记脚部区域内容 section：区域章节表述 nsv：菜单导航链接导航 progress

阳光穿透心脏的1/2处/ 2023年07月19日 05:58/ 0 赞/ 23 阅读

相关 HTML5中新增的标记,HTML5新增标签以及CSS3新增选择器

css3新增 element1--element2a\[src^="https"\] 选择其src属性值以"https"开头的每个元素 a\[src$=".pdf"\]

素颜马尾好姑娘i/ 2022年10月10日 15:51/ 0 赞/ 27 阅读

相关前端---html5新增标签

<article>标签定义外部的内容（结构元素） <aside>定义页面内容之外的内容。 aside的内容与article的内容相关。（结构元素） <figure>定义

谁借莪１个温暖的怀抱￠/ 2022年07月24日 07:11/ 0 赞/ 280 阅读

相关 HTML5新增标签及CSS3新增属性

一、h5新增标签 <table style="width:860px;text-align:center;"> <thead> <tr> <th sty

比眉伴天荒/ 2022年05月30日 05:35/ 0 赞/ 390 阅读

相关 HTML5新增的选择器

除了传统的document.getElementById,document.getElementsByName,document.getElementsByTagName外，H

矫情吗；*/ 2022年04月14日 06:08/ 0 赞/ 201 阅读

相关 HTML5新增标签属性

关于h5 兜兜转转终于学完CSS开始接h5了！其实h5没有大家想的那么复杂！我们之前学的pc端就是以h5的标准来的只是那些标签是 html4.01之前就有的！我们后

傷城~/ 2022年04月03日 02:45/ 0 赞/ 419 阅读

相关 html5新增标签

1、视频标签<video> IE8或者更早的IE版本不支持。 <videowidth="320"height="240"controls>

朴灿烈づ我的快乐病毒、/ 2021年12月01日 10:46/ 0 赞/ 473 阅读