html-head | 易学教程

How can I create a style element and append to head in React?

阅读更多关于 How can I create a style element and append to head in React?

问题 I'm currently learning React, and (more importantly) attempting to learn how react actually works. I have some generated css which I would like to append to head as a style element. In js land, this would be: const $style = document.createElement("style"); document.head.appendChild($style); const randBlue = ~~(Math.random() * 250); $style.innerHtml = `body { color: rgb(10, 10, ${randBlue}); }`; Unfortunately, in React land, things appear to be a little less straightforward in this regard. My

Placing a DIV in <head>

阅读更多关于 Placing a DIV in

问题 I am going to install a banner in the website, which target to run of the entire website. The banner is set to position:fixed & bottom:0px so it will be a floating banner at the bottom. My website structure is a common header file, with many body files which corresponding to different pages. If I put this DIV in the common header file (the <head> section), it will automatically achieve the result. However, if I put this DIV in the body files instead (the <body> section), I have to open the

Placing a DIV in <head>

阅读更多关于 Placing a DIV in

Is there a css option that links an html image to itself?

阅读更多关于 Is there a css option that links an html image to itself?

问题 So this: <html> <head> <style> img{href:self} </style> </head> <img src="./Sampleimage"/> </html> would basically be the code I need, but since I don't know how or even if there is an option to do this, I figured, I have to ask someone more intelligent than me. I kinda have to do this because I have about 200 images in this html Document, and every single one of them has to link to itself. So a seperate <a> tag for every image wouldn't be very stylish. 回答1: Expanding off of WillardSolutions'

how to use <Head> with nextJS

阅读更多关于 how to use with nextJS

问题 I'm having problems getting mobile metatags into a nextJS app. According to the docs here, this should work https://nextjs.org/docs#populating-head But I don't see the title or any of my own meta properties getting rendered. All I see is: <!DOCTYPE html><html><head><meta charSet="utf-8" class="next-head"/> which looks like some type of default. import Link from 'next/link' import Head from 'next/head' import Header from '../components/Header' import BaseLayout from '../components/BaseLayout

Why is it possible to add text inside the head section

阅读更多关于 Why is it possible to add text inside the head section

问题 Why does the text inside a head section of a HTML page get rendered in the DOM? According to MDN the head section should do the following: The HTML element provides general information (metadata) about the document, including its title and links to its scripts and style sheets. If you place some text inside the head section of the page, it will get placed in the body section of the rendered webpage. Isn't this weird behaviour? 回答1: Text is not valid in the head tag. The error correction of

How to include an external HTML-Head?

阅读更多关于 How to include an external HTML-Head?

问题 I'm back to coding a small business website and it seems silly to have like 40% duplicate code (head and menu) across 10 HTML-pages. On the other hand, it also seems overkill to throw something like Next.js at such a small project. Is there a simple way to mitigate the duplicate code by including a head.html within every page either server- or client-side? 回答1: I prefer PHP. Change your .html (static) pages into .php (dynamic) pages. Just 'save as'. You can separate pretty much anything into

Multiple RSS link tags within the head, valid markup or not?

阅读更多关于 Multiple RSS link tags within the head, valid markup or not?

问题 Is it valid to include multiple RSS feeds within the <head> tag? What I mean is, tags as follow: <link rel="alternate" type="application/rss+xml" title="feed one" href="/rss/feedone"/> <link rel="alternate" type="application/rss+xml" title="feed two" href="/rss/feedtwo"/> ..... etc We have a small collection (five total) of RSS feeds that we have had for a while, but have only ever included the 'main' one in within the head tags. Is it okay to include all of them? 回答1: Yes, that's totally

Adding schema.org tags to a site's header: how and which schema?

阅读更多关于 Adding schema.org tags to a site's header: how and which schema?

问题 I have a website that provides transportation services, not products (with this I mean that we don't sell widgets of this brand, this other model...; we just provide one kind of transportation service). I'm a bit unclear about how should I add schema.org microdata to my site, so I basically looked at what Ryanair was doing (since our product most resembles theirs) and copied their markup (changing it to our company's name, obviously). Their markup is as such: <meta content="IE=edge" http

What happens if <base href…> is set with a double slash?

阅读更多关于 What happens if is set with a double slash?

问题 I like to understand how to use a <base href="" /> value for my web crawler, so I tested several combinations with major browsers and finally found something with double slashes I don't understand. If you don't like to read everything jump to the test results of D and E . Demonstration of all tests: http://gutt.it/basehref.php Step by step my test results on calling http://example.com/images.html : A - Multiple base href <html> <head> <base target="_blank" /> <base href="http://example.com