I am using vscode for my html project.
It has many helpful functions, but one of my best is intellisense ( I am actually not sure about it's name.
but I have a little problem on it. How can I edit some settings of it
Because I am just supposing it's intellisense and not perfectly sure about what it is, first I will tell you what extension I've installed.
I have "auto close tag", "beautify", "code runner", "python-autopep8".
and when I open my html file, type ! and press tab, then these DOCTYPE, head, body, blah blah, so many tag are typed. I mean completed.
And what I want to do is change the contents of auto completion.
first I thought it "was auto close tag" but I can't find settings about that.
when I use that thing( type ! and press tab )
It goes like this
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
and I wanna delete that second and third meta tags.
what can I do? and for further questions is that intellisense?
That sort of options will usually be under File -> Preferences -> Settings.
In that menu you can then filter and find specific options relating to the extensions you have installed. Support for altering intellisense behaviour may or may not have been implemented.
Related
This question already has answers here:
Some Emmet abbreviations in VSC not working, like '!' or using '*'
(8 answers)
Closed 7 months ago.
When I create an HTML file in VS Code and type !, it automatically types the default template for me.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
However, I don't know why but it does not work right now. I can still type html:5 in the new HTML file to auto-fill the template; although I find myself simply typing ! is easier, I want to recover the feature. How can I do it?
It caused by the VSCode update 1.69...I think Microsoft will restore the "bug"(someone may thought it isn't a bug)
I met this problem yesterday, it needs to set emmet.TriggerExpansionOnTab and emmet.UseInlineCompletions to true
but it can't perform like before, after press !, you need press Tab to autocomplete it
I get this from VSCode github issue page: here
I started the coding journey and installed VSC suggested during a YouTube tut.
It seems that all emmet abbreviations are working except for SHIFT + ! which should give me the below.
<DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
</body>
</html>
Any ideas why this is?
I really appreciate any help you can provide.
I couldn't get VSCode to expand !+Tab, but I agree with you that it should have worked.
However, I've figured out that you can use html:5+Tab (or just ! with the Emmet: Expand Abbreviation command) to get a similar result.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
You need to install HTML boilerplate extension from visual studio code extension.
I also use a Mac, I found this issue also when the file did not have a .html extension.
Try creating a new file with a .html extension such as index.html.
Retry the shift ! you did initially and press enter. The boilerplate should populate.
this is my first post, and I'm currently having some difficulty with the custom HTML templates within DecoNetwork, would really appreciate some advice, please!
The DecoNetwork e-commerce sites are predominantly built using a drag and drop editor, but there are also custom HTML and custom CSS templates where you can override settings with your own code.
DecoNetwork seems to also use Liquid (according to their support pages), but I'm not sure if this is what is used in the <[{"snippet":}]> code below as it doesn't seem to follow the usual process of Liquid? As well as this, are these snippets of code locked down, or are they able to be manipulated?
<!DOCTYPE html>
<html class="wf-loading">
<head>
<[{"snippet":"system_style_sheets"}]>
<[{"snippet":"system_head_js"}]>
<title><[{"snippet":"title"}]></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<[{"snippet":"system_head_meta_tags"}]>
<[{"snippet":"favicon"}]>
</head>
<body class="dn-site">
<header>
If anyone can point me in the right direction of whether I've got the right language here that will help with getting my head around this platform.
Many thanks
I run a website that is in English but iOS 14 mobile Safari still offers to translate the page. How do I prevent this?
From this similar question I've found none of these work:
1. <html lang="en">
2. <html translate="no">
3. <meta name="google" content="notranslate">
4. <meta http-equiv="content-language" content="en" />
Isolate the offending bit(s) that are triggering the translate offer. Start with a skeleton:
<!DOCTYPE html>
<html>
<head><title></title></head>
<body></body>
</html>
Did that trigger a translate offer? If not, great, start adding some of the code from the problem page to your skeleton, reloading as you go, until you find the offending bit(s). Once you find out what's triggering the translate offer, you might be able to modify your code or content so that doesn't happen.
I submitted this issue to Apple and it was fixed with iOS and macOS releases in December 2021.
A WebKit engineer via Twitter exchange suggested I submit the specific instance of my issue with the URL in question to Apple using Feedback Assistant. I did this and was then asked to test with builds 19D5026g (iOS) and 21D5025f (macOS). These fixed the issue.
Solution
You can try html tag like this
<html translate="no">.
This will make your html page to non-translate.
Other Versions
<meta name="google" content="notranslate">
<html lang="en" class="notranslate">
<meta http-equiv="content-language" content="en" />
For more: https://www.w3.org/International/questions/qa-http-and-lang
Hello,
Recently I'v been facing a problem with the NetBeans connector on Chrome.
After writing my simple html code, I press the "Run Project" button.
The project opens up on Chrome and the NetBeans connector starts in debugging mode.
Now when I'm trying to change something in the html code (even the simplest - changing a header) it doesn't auto update itself on chrome, therefore I have to refresh the page again myself and then the codes updates itself.
Can someone help me solve the problem?
Additional info:
inside the NetBeans IDE I get something in the network monitor saying:
Request URL: http://localhost:8383/favicon.ico
Method: GET
Status: Request was cancelled.
I don't know much about NetBeans 8.2, but I can provide the info you need.
The project html code:
<!DOCTYPE html>
<head>
<title>title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<p>please work</p>
</body>
</html>
Thanks for any help!